如何在我的模板中显示 knockoutjs.mapping 数据？答案

【问题标题】：How do I display knockoutjs.mapping data in my template?如何在我的模板中显示 knockoutjs.mapping 数据？
【发布时间】：2012-03-01 03:47:27
【问题描述】：

使用 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);
});

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

【问题讨论】：

标签： knockout.js knockout-mapping-plugin

【解决方案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/

【讨论】：

感谢 RP，我错过了 data-bind="foreach: $data"。