knockout.js 如何在一个页面中使用knockout绑定多个视图模型?

68bkxrlz  于 2022-11-10  发布在  其他
关注(0)|答案(3)|浏览(179)

我想使用knockout将我的页面设置为单页应用程序,我已经将其拆分为下图所示的内容,但不知道如何将多个viewModel绑定到同一个html页面中。

pdtvr36n

pdtvr36n1#

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

// 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

dzjeubhm

dzjeubhm2#

查看参考文档:http://knockoutjs.com/documentation/observables.html
ko.applyBindings函数有两个参数,第一个是viewmodel,第二个(可选)是要应用它的dom元素。你可以对页面上的每个容器元素应用多个viewmodel。

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

ws51t4hk3#

您可以使用

ko.applyBindings(viewModel, element)


“带”装订

相关问题