templates - 在 IE8 中使用条件 knockout 模板

Question

在所有“现代”浏览器中，以下作品 但不在 IE8 中:

<!-- ko template: {if: $root.itemToEdit.SomeObject() === $data, name: 'EditItemTemplate', afterRender: $root.initializeEditPanel } -->
<!-- /ko -->

我收到以下错误:

SCRIPT5022: Unable to parse bindings. Message: SyntaxError: Expected identifier, string or number; Bindings value: template: {if: $root.itemToEdit.SomeObject() === $data, name: 'EditItemTemplate', afterRender: $root.initializeEditPanel }

似乎是包含了if模板定义中的语句。如果我将标记更改为以下内容，IE8 会很高兴:

<!-- ko if: $root.itemToEdit.SomeObject() === $data -->
   <!-- ko template: {name: 'EditItemTemplate', afterRender: $root.initializeEditPanel } -->
   <!-- /ko -->
<!-- /ko -->

为什么包含 if我的模板中的语句在 IE8 中不起作用？

Answer 1

较旧的 IE 版本可能对使用 JavaScript 保留字作为属性名称很挑剔。如果您指定 if喜欢 'if' ，那么你会没事的。喜欢:

<!-- ko template: {'if': $root.itemToEdit.SomeObject() === $data, name: 'EditItemTemplate', afterRender: $root.initializeEditPanel } -->
<!-- /ko -->

或类似 <label data-bind="attr : { 'for': id }"></label>