我遇到的情况是我有一个组件需要访问不同组件的模型并设置标志。
所以,类似于此:
<div id='component1'>
<div data-bind='visible: showMe()'>Shown</div>
</div>
<div id='component2'>
<button data-bind='click: setFlag()'>Set the flag</button>
</div>
使用Javascript:
(function () {
var vm1 = {
showMe: ko.observable(false)
};
ko.applyBindings(vm1, $("#component1"));
})();
(function () {
var vm2 = {
setFlag: function () {
// How to set showMe to true in vm1
}
}
ko.applyBindings(vm2, $("#component2"));
})();