KnockoutJS，WebApi，当我使用自定义绑定时，valueAccessor在中没有值

Question

使用WebApi敲除JS。当我尝试使用自定义绑定时，我无法将绑定数据传递到自定义绑定函数中。

我已经连续两天头疼了，肯定是错过了什么。

任何指南、文章或示例代码都将不胜感激。非常感谢。

<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>

Answer 1

init将始终为零，因为数据是异步填充的（因此，当数据绑定时，数组将为空）。

更新一次应该为零，然后下次返回正确的长度。。

Test this little fiddle

http://jsfiddle.net/SVQhR/