如何在模板中显示knockoutjs.mapping数据?

时间:2012-03-01 03:47:28

标签: knockout.js knockout-mapping-plugin

使用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()访问对象,但不知道如何将此日期绑定到我的模板。

1 个答案:

答案 0 :(得分:5)

收到数据后,您需要拨打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/