El uso de plantillas knockout condicionales con IE8

Question

En todos 'moderna' Navegadores las siguientes obras pero no en Internet Explorer 8:

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

me sale el siguiente error:

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 }

parece ser el inclusión de la declaración if dentro de la definición de la plantilla. Si cambio el marcado a lo siguiente, IE8 es feliz:

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

¿Por qué incluir una declaración if en mi plantilla no funciona en IE8?

Answer 1

Las versiones anteriores de IE pueden ser exigentes con el uso de palabras reservadas de JavaScript para los nombres de las propiedades. Si especifica el if como 'if', entonces estará bien. Al igual que:

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

O algo así <label data-bind="attr : { 'for': id }"></label>