Utilizzando i modelli knockout condizionali con IE8

Question

In tutto 'moderna' browsers i seguenti lavori ma non in IE8:

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

ottengo il seguente errore:

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 }

sembra essere il inclusione dell'istruzione if all'interno della definizione del modello. Se cambio la marcatura a quanto segue, IE8 è felice:

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

Perché non compreso un if dichiarazione nel mio modello non funziona in IE8?

Answer 1

Le versioni precedenti di IE possono essere schizzinose sull'utilizzo delle parole riservate di JavaScript per i nomi di proprietà. Se si specifica il if come 'if', allora andrà bene. Come:

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

O qualcosa di simile <label data-bind="attr : { 'for': id }"></label>