2012-03-01 26 views
1

使用knockout的映射插件,我将如何去显示JSON对象的信息和模板中的数组。如何在我的模板中显示knockoutjs.mapping数据?

//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中使用控制台,但不知道如何对这个日期绑定到我的模板。

回答

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/

+0

感谢RP,我丢失的数据绑定= “的foreach:$数据”。 – cryptojuice 2012-03-01 14:09:54

相关问题