Verwendung von Knockout-Vorlagen mit IE8

Question

In allen 'modernen' Browser die folgenden Werke aber nicht in IE8:

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

Ich erhalte die folgende Fehlermeldung:

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 }

Es scheint die zu sein, Einfügung der if-Anweisung in die Vorlagendefinition. Wenn ich das Markup der folgenden ändern, ist IE8 glücklich:

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

Warum eine if Aussage in meiner Vorlage tut nicht einschließlich in IE8 arbeiten?

Answer 1

Ältere IE-Versionen können wählerisch sein, wenn JavaScript-reservierte Wörter für Eigenschaftsnamen verwendet werden. Wenn Sie die if wie 'if' angeben, dann wird es Ihnen gut gehen. Wie:

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

Oder so etwas wie <label data-bind="attr : { 'for': id }"></label>