knockout.js - 如何使用 knockout 在单个页面中绑定(bind)多个 View 模型？

Question

我想使用 knockout 将我的页面设置为单页应用程序，我已将其拆分如下图所示，但不知道如何将多个 View 模型绑定(bind)到同一个 html 页面。

Answer 1

您可以使用 ko.applyBindings(viewModel, element)使用不同的 ViewModel 将绑定(bind)应用于不同的元素，如下所示:您不能将多个 viewModel 绑定(bind)到同一个元素，否则 knockout 将引发错误。

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

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

您可以在此处阅读有关此内容的更多信息:

http://knockoutjs.com/documentation/observables.html