KnockoutJS, WebApi, 사용자 지정 바인딩을 사용할 때 valueAccessor에 값이 없습니다.

KnockoutJS with WebApi. 사용자 지정 바인딩을 시도 할 때 사용자 지정 바인딩 함수에 바인딩 데이터를 전달할 수 없습니다.KnockoutJS, WebApi, 사용자 지정 바인딩을 사용할 때 valueAccessor에 값이 없습니다.

나는 이틀 동안 내 머리를 두드리는 중이다. 확실히 여기에 뭔가 빠져있다.

모든 가이드 라인, 기사 또는 샘플 코드는 크게 감사하겠습니다. 고마워.

<script> 
function ViewModel() { 
    var self = this; 
    self.items = ko.observableArray(); 

    // This is getting data, and tested have data returned. 
    var baseUri = 'api/items'; 
    $.getJSON(baseUri, self.items); 
} 

$(document).ready(function() { 
    ko.bindingHandlers.testBinding = { 
     init: function (element, valueAccessor) { 
      var value = valueAccessor(); 
      var valueUnwrapped = ko.utils.unwrapObservable(value); 
      // This is always 0. 
      alert(valueUnwrapped.length); 
     }, 
     update: function (element, valueAccessor) { 
      var value = valueAccessor(); 
      var valueUnwrapped = ko.utils.unwrapObservable(value); 
      // This is always 0. 
      alert(valueUnwrapped.length); 
     } 
    }; 

    // Binding to Web Api data. 
    ko.applyBindings(new ViewModel()); 

    // Test it with static data, and custom binding works. The length displayed 2. 
    //var viewModel = { 
    // items: ko.observableArray([{name: "Bob1"}, {name: "Bob2"}]) 
    //}; 
    //ko.applyBindings(viewModel); 

}); 
</script> 
<div data-bind="testBinding: items"></div>

출처

2013-06-26 Winter Winter