如何在我的模板中顯示knockoutjs.mapping數據？

Question

使用knockout的映射插件，我將如何去顯示JSON對象的信息和模板中的數組。

//Example JSON data. 
JSON = [{'title':'title of first object', 
     'content':'content of first json object'}, 
     {'title':'title of second object', 'content': 'content of second json object'}] 

var viewModel = ko.mapping.fromJS(data); 

var data = $.getJSON('/post/.json', function(data) { 
    ko.mapping.fromJS(data, viewModel); 
}); 

我能夠通過視圖模型（）和視圖模型（訪問對象）[0] .title僞（）在Chrome中使用控制檯，但不知道如何對這個日期綁定到我的模板。

Answer 1

收到您的數據後，您需要致電ko.applyBindings(viewModel)。

在你的HTML，你可以對你的數據綁定，如：

<ul data-bind="foreach: $data"> 
    <li> 
      <span data-bind="text: title"></span>: 
      <span data-bind="text: content"></span> 
    </li> 
</ul> 

這裏有一個例子：http://jsfiddle.net/rniemeyer/YkT6p/