Новичка родных шаблонов, эквивалентная функции jQuery .tmpl (data)

Question

В настоящее время я переношу приложение knockout.js из библиотеки jQuery tmpl, чтобы использовать собственную библиотеку шаблонов для нокаутов. Одна из строк кода, которые я должен перемещаемый:

$("#someTemplate").tmpl(data.SomeDataFromServer).appendTo(someHtmlElement); 

tmpl() функция, очевидно, часть библиотеки Tmpl JQuery (см http://api.jquery.com/tmpl/)

Учитывая Теперь я изменил мой шаблон:

<script id="someTemplate" type="text/html"> 
     <li> 
      ... some cooling stuff using native ko templates ;-) 
     </li> 
    </script> 

... как будет выглядеть новый вызов шаблона?

Answer 1

Вы могли бы использовать шаблон связывания, как:

<div data-bind="template: 'someTemplate'"></div> 

или

<div data-bind="template: { name: 'someTemplate', foreach: myItems }"></div> 

или

<div data-bind="template: { name: 'someTemplate', data: SomeDataFromServer }"></div> 

Это работает с родными шаблонами, а также шаблоны JQuery. Если вы используете только шаблоны jQuery, убедитесь, что вы не ссылаетесь на плагин jQuery Templates.

Если ваши данные являются наблюдаемыми, то изначально он может быть нулевым, и ничто не будет отображаться. Затем, когда вы заполняете его по вызову AJAX, он будет обновляться вашими данными.

Другой вариант заключается в использовании ko.applyBindingsToNode, который будет выглядеть так:.

var data = [ { name: "one" }, { name: "two" } ]; 

ko.applyBindingsToNode(document.getElementById("test"), { template: { name: 'someTemplate', foreach: data } });