문제

녹아웃의 매핑 플러그인을 사용하면 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 ()을 통해 객체에 액세스 할 수 있지만이 날짜를 내 템플릿에 바인딩하는 방법을 모르겠습니다.

도움이 되었습니까?

해결책

After you receive your data, you would need to call ko.applyBindings(viewModel).

In your HTML, you can bind against your data like:

<ul data-bind="foreach: $data">
     <li>
          <span data-bind="text: title"></span>: 
          <span data-bind="text: content"></span>
     </li>
</ul>

Here is a sample: http://jsfiddle.net/rniemeyer/YkT6p/

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top