knockout.js - 如何在我的模板中显示 knockoutjs.mapping 数据？

Question

使用淘汰赛的映射插件，我将如何在我的模板中显示来自 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);
});

我可以使用 Chrome 中的控制台通过 viewModel() 和 viewModel()[0].title() 访问对象，但不确定如何将此日期绑定到我的模板。

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/