如何在Knockout中更新另一个视图模型的视图模型数据

Question

我正在使用Knock out来绑定页面中的不同部分。我有两个视图模型数据为每个部分。在一个视图模型中改变一个元素的时候，想要改变另一个视图中的另一个元素。每个视图模型数据都有ID字段来标识每个数据。

Answer 1

您只需通过视图模型的一个在其他视图模型：

var ViewModel1 = function() { 
    var self = this; 
    self.selectedItem = ko.observable(); 
}; 

var ViewModel2 = function(viewModel) { 
    self = this; 
    self.content = ko.observable(); 
    viewModel.selectedItem.subscribe(function(){ 
     self.content('value changed') 
    }); 
}; 


var viewModel1 = new ViewModel1(); 
var viewModel2 = new ViewModel2(viewModel1); 

ko.applyBindings(viewModel1, document.getElementById("part1")); 
ko.applyBindings(viewModel2, document.getElementById("part2"));