为什么我的knockoutjs observableArray数据更新没有触发任何东西？

Question

这个页面的想法是，我有一个文本字段，当您输入三个或更多字符时，它会触发 ajax 查询来搜索用户列表。该部分工作正常，并且 console.log() 调用表明我正在获取良好的数据并将其分配给我的视图模型的 .users 字段。

问题是，这不会触发任何可观察到的行为。在 HTML 中，我有一个与 foreach: users 绑定的模板，并且在 userCount 上绑定了一个 span，两者都没有更新。但是，如果我在控制台上输入 viewModel.users().length ，我会得到正确的值。但我不知何故破坏了可观察性。

var viewModel = {
    users: ko.observableArray([]),
    term: ko.observable('')
};


ko.dependentObservable( function() {
    if (this.term().length > 2) {
        $.get('http://mydatasource.com/path/?term=' + this.term(),
        function(data) {
            viewModel.users(data);
            console.log(viewModel.users());
        })
    }

}, viewModel);

viewModel.userCount = ko.dependentObservable( function() {
    return this.users().length;
}, viewModel );


ko.applyBindings(viewModel);

编辑：刚刚将我的 ajax getting dependentobservable 函数修改为：

ko.dependentObservable( function() {
    if (this.term().length > 2) {
        $.get('http://mydatasource.com/path/?term=' + this.term(),
        function(data) {
            viewModel.users([]);
            $.each(data, function(i, item) {

                console.log(item.label);
                viewModel.users.push({value: ko.observable(item.value), label: ko.observable(item.label)});

            } );
        })
    }

}, viewModel);

完全没有区别。但我可以在控制台中看到正确返回的标签值，并且 viewModel.users().length 再次给出了我满意的答案。

编辑：我用小提琴中提供的 @RP Niemeyer 替换了我的视图，并且它起作用了......所以这与我的观点有关。这是我所拥有的：

<input data-bind="value: term, valueUpdate: 'afterkeydown'"><br/>
<h2><span data-bind="value: userCount"></span> Users Listed</h2>
<table data-bind="foreach: users">
    <tr><td data-bind="text: label"></td><td data-bind="text:value"></td></tr>
</table>

<div data-bind="text: ko.toJSON(viewModel)"></div>

Answer 1

从您发布的代码看起来不错。也许发表一些你的观点或尝试根据这个小提琴进行重现： http://jsfiddle.net/rniemeyer/FDZJx< /a>

更新：使用您的视图：http://jsfiddle.net/rniemeyer/FDZJx/2/。看起来还是不错的。您的第一个输入元素未关闭，但这并没有给我带来问题。可能会导致您使用的浏览器出现问题。