Knockout.js - 如何更改视图模型

Question

我正在尝试更改绑定到 DOM 模板某些部分的视图模型（而不是更改视图模型的值），但我只是不知道如何或是否可能

这是场景：

• 创建一个新的视图模型对象
• 绑定它（例如 applyBindings(myViewModel)
• 创建另一个视图模型对象
• 将新对象绑定到 DOM 的同一部分，以便所有元素现在都绑定到新对象。

我想做相当于改变 WPF 中控件的 DataContext 的值（KO 的 MVVM 模式所基于的）

这样做的原因是我试图对列表中对象的表示和对象在其自己视图中的表示使用相同的视图模型，所以我已经有一个所有对象的视图模型显示在列表中。

还有其他解决方法，但我认为这是最优雅的方法。

Answer 1

有两种方法可以处理多个视图模型。第一种方法是像@nathan gonzalez 所说的那样进行多重绑定。你应该绑定你的视图模型。然而，这使事情变得有点复杂。因此难以管理。

第二种方法是使用主视图模型。我会推荐这个。

http://jsfiddle.net/sinanakyazici/e29EZ/10/

<div data-bind="with: mainvm">
    <span data-bind="text: prop, click : action"></span>
</div>

var vm = function(value)
{
    this.prop = ko.observable(value);
    var self = this;
    this.action = function() {
        console.log("clicked: " + self.prop());
    }
}

var master = {
    mainvm : ko.observable(null)
}

master.mainvm(new vm('viewmodel 1'));
master.mainvm(new vm('viewmodel 2'));
ko.applyBindings(master);

Answer 2

所以ko.applyBindings() 应该为你介绍这个。您可以传入第二个参数，该参数告诉将绑定应用到哪个顶级元素，如下所示：

 ko.applyBindings(myExistingViewModel, $('#someElementId')[0]);

你可能想先清理元素，像这样：

ko.cleanNode($('#someElementId')[0]);

这将完全删除绑定并清除该元素及其子绑定的内存数据。