knockout.jsはテンプレートを使ってテンプレートを生成できますか？

Question

私はテンプレートを生成するためにテンプレートにノックアウトを使用しようとしています。

HTML形式の線に沿って

：問題がどのように中括弧であると思われhttp://jsfiddle.net/scottwww/yQZUE/2/

：

<script id="searchField-template" type="text/html"> 
    <li data-bind="text: name"></li> 
</script> 

<script id="template-template" type="text/html"> 
    <ul data-bind="template: { name: 'searchField-template', foreach: ${name} }" ></ul> 
</script>  

JS：ここ

var viewModel = { 
    Title: [{ 
     name: "Title1"}, 
    { 
     name: "Title2"}, 
    { 
     name: "Title3"}], 
    Manager: [{ 
     name: "Manager1"}, 
    { 
     name: "Manager2"}, 
    { 
     name: "Manager3"}], 

    Defn: [{ 
     name: "Title"}, 
    { 
     name: "Manager"}] 

}; 

ko.applyBindings(viewModel); 

実行可能なサンプル解釈される。

提案がありますか？

Answer 1

ここに行く>

http://jsfiddle.net/vwP3w/2/

Answer 2

ネストされたテンプレート内の変数$dataを使用します。

http://jsfiddle.net/dwick/yQZUE/3/

Answer 3

わからないこれが正しい方法ですが、VMへの参照ができます。

http://jsfiddle.net/scottwww/vwP3w/1/

HTML：

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

<script id="searchField-template" type="text/html"> 
    <li data-bind="text: name"></li> 
</script> 

<script id="template-template" type="text/html"> 
    <ul data-bind="template: { name: 'searchField-template', foreach: vm[$data.name] }" ></ul> 
</script>  

JS：

var viewModel = { 
    Title: [{ 
     name: "Title1"}, 
    { 
     name: "Title2"}, 
    { 
     name: "Title3"}], 
    Manager: [{ 
     name: "Manager1"}, 
    { 
     name: "Manager2"}, 
    { 
     name: "Manager3"}], 

    Defn: [{ 
     name: "Title"}, 
    { 
     name: "Manager"}] 

}; 
window.vm = viewModel; 
ko.applyBindings(viewModel);