如何绑定JSON对象数据以敲除与模板选项的绑定？

Question

我正在与淘汰赛js合作。现在我正在使用模板选项和本地json数据作为数据源。在此我无法将数据绑定到模板内的节点。

请让我下面的HTML代码：

<div data-bind="template:{name:'treeTemplate',data:{da:Data}}"></div> 
    <script id="treeTemplate" type="text/html"> 
     <b data-bind="text:$data.text"></b> 

请让我的脚本部分下面

var treeData = [ 
      { id: 1, text: "UK"}, 
      { id: 2, text: "Steven John" }, 
      { id: 3, text: "USA" }, 
      { id: 5, text: "Andrew" }, 
      { id: 4, text: "Angelica" } 
     ]; 


     window.viewModel = { 
      value: ko.observable(new Date(2015, 06, 15)), 
      Data: ko.observableArray(treeData) 
     }; 
     $(function() { 
      // declaration 
      ko.applyBindings(viewModel); 
     }); 

我已经更新的jsfiddle样品也。请把下面的链接：

https://jsfiddle.net/38vnznht/

你能取悦任何人在this.Thanks任何帮助建议。

Answer 1

你的第一个问题是在模板对象中使用数据。

data:{da:Data} 

通过你需要使用的foreach

foreach:data 

的是因为这一点，你需要更新你的绑定

// from this 
<b data-bind="text:$data.text"></b> 

// to this 
<b data-bind="text: text"></b> 

这里是一个工作示例一个数组迭代： https://jsfiddle.net/wqe3s1vs/3/

此外，有关使用“foreach”机智h一个命名模板： http://knockoutjs.com/documentation/template-binding.html#note-2-using-the-foreach-option-with-a-named-template