2012-03-01 8 views
1

ノックアウトのマッピングプラグインを使用すると、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); 
}); 

は、私は私のテンプレートにこの日付をバインドする方法がわからないChromeでコンソールを使用して)([0] .TITLE)ViewModelに()とViewModelに(経由でオブジェクトにアクセスすることができるよけど。

答えて

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> 

サンプルです: ":$データforeachの" http://jsfiddle.net/rniemeyer/YkT6p/

+0

ありがとうRP、Iは、データバインド=がありませんでした。 – cryptojuice

関連する問題