Knockout applyBindings 忽略选择器

Question

我真的很喜欢 ko 并且有一个关于 applyBindings 函数的问题。

看来，我可能做错了，ko 不喜欢将绑定应用到页面的同一部分。为了避免这种情况，我们可以传递上下文/元素作为第二个参数来告诉 ko 要使用页面的哪个区域。

我想要做的是传递第三个参数，告诉 ko 要忽略哪些元素/类。

本质上，我想要拥有使用不同模型的嵌套区域。

有谁知道这是否可行，或者其他人已经实现了？

谢谢

Answer 1

关于这个问题的一些想法：

1- 通常，您不想多次调用 ko.applyBindings 。正常的技术是使用 template 绑定或 if 和 with 绑定来确保某些区域在准备就绪之前不会被绑定。您甚至可以拥有一个仅包含页面每个区域的可观察值的整体视图模型。然后，您可以使用 with 绑定来确保它们不会绑定得太快并交换它们。

这是一个简单的、人为的示例，您可以在其中控制放入每个部分的模板名称和数据，并可以将它们交换出来： http://jsfiddle.net/rniemeyer/6f5E9/。有很多方法可以做到这一点，示例只是最简单的方法。

2- Knockout 确实允许自定义绑定 提供程序。您可以编写一个绑定提供程序，它会根据可配置的选择器简单地忽略某些元素。

类似于：

var myPartialBindingProvider = function(initialExclusionSelector) {
    var result = new ko.bindingProvider(),
        originalHasBindings = result.nodeHasBindings;

    result.exclusionSelector = initialExclusionSelector;

    result.nodeHasBindings = function(node) {
        return !$(node).is(result.exclusionSelector) && originalHasBindings.call(this, node);
    };

    return result;
};


ko.bindingProvider.instance = new myPartialBindingProvider(".skip");

这个简单的元素不会处理应排除的元素的子元素，但可以对其进行增强以以某种方式标记子元素。

这是一个示例：
http://jsfiddle.net/rniemeyer/pC5rg/