jQuery .tmpl（data）関数に相当するノックアウトネイティブテンプレート

Question

現在、knockout.jsアプリケーションからjQuery tmplライブラリを使用してネイティブノックアウトテンプレートライブラリを使用しています。私が移行しなければならないコードの行のいずれかです。tmpl()機能は明らかにjQueryのTMPLライブラリの一部である

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

（http://api.jquery.com/tmpl/を参照）

私が今まで私のテンプレートを変更した考える：

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

...テンプレートへの新しい呼び出しはどのように見えますか？

Answer 1

あなたは次のようにバインディングテンプレートを使用します。これは、ネイティブのテンプレートだけでなく、jQueryのテンプレートと連携

<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テンプレートプラグインを参照していないことを確認してください。

データが観測可能な場合は、最初はnullになり、何もレンダリングされません。次に、AJAXコールからデータを入力すると、データが更新されます。

別のオプションは次のようになります。これは、ko.applyBindingsToNodeを使用することです：私は、したがって、コード$（ "＃のsomeTemplate"）（ただし、JavaScriptコードからテンプレートを呼び出す必要が

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

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