如何使用淘汰賽在單個頁面中綁定多個視圖模型？

我想將頁面設置爲一個單頁面應用程序使用淘汰賽，我已經拆分它如下圖所示，但不知道如何將幾個viewModels綁定到相同的HTML頁面。 enter image description here 如何使用淘汰賽在單個頁面中綁定多個視圖模型？

2015-04-08 Xerxes

看起來像AJAX工作！通過加載Ajax請求的不同的HTML視圖模型「頁」 ...... – jbutler483

使用像迪朗達爾一個SPA引擎 – Anders

看看[視圖模型合併]如何將一對夫婦的ViewModels合併成[1] 1 [ 1]：http://stackoverflow.com/questions/29294373/iam-unable-to-applybindings-in-knockout-is-this-correct-approach/29342312#29342312 –

您可以使用ko.applyBindings(viewModel, element)來綁定適用於不同的元素，採用不同的ViewModels這樣的：你不能超過一個視圖模型綁定到同一元素或淘汰賽將拋出一個錯誤。

// Element 
var element = document.getElementById('myElement'); 
ko.applyBindings(new MyViewModel(), element); 

// Element 1 
var element1 = document.getElementById('myElement1'); 
ko.applyBindings(new MyViewModel1(), element1);

來源

2015-04-08 11:58:06

退房的參考文檔： http://knockoutjs.com/documentation/observables.html

的ko.applyBindings函數有兩個參數，第一個是視圖模型中，第二個（可選）是應該應用的dom元素。您可以將多個視圖模型應用於頁面上的每個容器元素。

ko.applyBindings(viewmodel1, $("#container1")[0]); 
ko.applyBindings(viewmodel2, $("#container2")[0]); 
ko.applyBindings(viewmodel3, $("#container3")[0]);

來源

2015-04-08 11:58:37 dfperry

您可以使用
ko.applyBindings（視圖模型，元件）「與」結合

來源

2015-04-09 06:24:15

請格式化您的代碼.. –

您能詳細解釋一下您的答案嗎？添加關於您提供的解決方案的更多描述？ – abarisone

如何使用淘汰賽在單個頁面中綁定多個視圖模型？

回答

相關問題