2012-03-01 3 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)의 ViewModel()와 뷰 모델 (통해 개체에 액세스 할 수 합니다만.

답변

5

데이터를받은 후에는 ko.applyBindings(viewModel)으로 전화해야합니다. 당신의 HTML에서

, 당신은 같은 데이터에 바인딩 할 수 있습니다 : = http://jsfiddle.net/rniemeyer/YkT6p/

+0

감사 RP, I 누락 된 데이터 바인딩 "foreach는 : : $ 데이터"여기

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

는 샘플입니다. – cryptojuice

관련 문제