0

我有一个使用 KnockoutJS 的页面，其中有相当多的 observables（这里有大约 35 个相关，总共大约 60 个）。我使用了 KO 映射插件，但我不知道这是否与我的问题有关。

大多数（不是全部）可观察对象都绑定到输入字段。

用户可以将当前输入集保存到命名集，或从先前保存的集重新加载。有 UI 指示当前输入集是来自已保存的集，还是已编辑（未保存）的输入。

为了在编辑任何输入时更新“保存/加载输入”UI（我不在乎哪一个），我订阅了所有相关的“输入”观察值。

这是我的奇怪问题：当订阅的 observables 的数量大约为 25 或更高时，我从调用的深处收到了对回调函数的虚假ko.applyBindings(...)调用。

  • 当它发生时，只有一个虚假回调
  • 被报告的输入通常是我订阅的最后一个。
  • 如果我删除了足够多的订阅，以至于我订阅了大约 25 个或更少，虚假回调就会消失。
  • 如果我通过了该限制并继续添加订阅，则调用会在我不断添加到列表中时重新出现在不同的字段中。
  • 如果我订阅所有输入，那么回调声称是一个__ko_mapping__荒谬的回调。

我必须假设我没有正确绑定到订阅，或者 KO 或 KO 映射插件中存在一些错误，导致订阅列表混乱。到目前为止，我无法跟踪问题。

订阅代码大致如下：

// markSavedInputsDirty(name) defined elsewhere
function registerCallbacks() {
    var data = viewModel.inputs;
    var member;
    for(member in data) {
        if (data.hasOwnProperty(member) && ko.isObservable(data[member])) {
            if(member /* ... not certain observables which I need to ignore */ ) {
                data[member].subscribe(function() {return markSavedInputsDirty(member)}, data[member]);
            }
        }
    }
}

（注意：上面的代码跟踪调用了哪个成员，但仅作为调试帮助。当我们最初看到问题出现时，代码过去只是对所有可观察对象使用相同的回调函数（没有柯里化））

有没有人见过这样的事情？

4

1 回答 1

0

解析度：

正如@MichaelBest 在评论中指出的那样，电话会议的结束subscribe(...)被搞砸了。我虽然它会包含member调用点的值，但它包含member自身（对象，所有调用都相同）。我看到的是member来自循环的最终值，这让我误入歧途。我不应该在午夜这样做。

这是该行的正确实现：

data[member].subscribe(markSavedInputsDirty.bind(data[member], member));

一旦我进行了正确的诊断，一切都变得清晰起来：虚假调用来自页面中元素的value绑定。<select>Knockout 内部需要确保选中<option>的 's 值与 's 值完全相同viewModel（参见ensureDropdownSelectionIsConsistentWithModelValue(...)Knockout 的源代码）。

在我的例子中，可观察值有 3（数字），而选择的值<option>——自然——有“3”（字符串）。因此，Knockout 将 viewModel 设置为选项的值，从而触发了通知。

所以，最初的订阅（在我失败的currying尝试之前）是正确的，并且通知是合法的。我只需要交换一些东西，这样我的监控代码在绑定之前不会有任何影响。

于 2012-09-25T12:52:56.830 回答