1

ノックアウトのマッピングプラグインを使用して、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()を介してオブジェクトにアクセスできますが、この日付をテンプレートにバインドする方法がわかりません。

4

1 に答える 1

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/

于 2012-03-01T04:30:57.227 に答える