当我在页面上使用两个模型时,Knockout.js无法绑定

我有两个模型:ServiceViewModel和ReservationsViewModel;两者都基于learn.knockoutjs.com上的教程.

我遇到的问题是,当我的网页加载时,只绑定了ServiceViewModel.绑定到ReservationViewModel的控件什么都不显示!我是knockout.js的新手并且已经找到了解决方案,但无济于事.

当我删除绑定到ServiceViewModel时,绑定到ReservationsViewModel的控件正确绑定(即显示数据),因此不确定这里发生了什么.在我看来,像knockout.js不允许更多的页面上的一个视图模型,但这将是愚蠢的,这是一个主要的限制,我猜测它不是问题!

这是我小提琴的链接:http://jsfiddle.net/zsg6b/
您将看到即使在JSFiddle中绑定也不起作用.

当我在Visual Studio Internet Explorer和Google Chrome中运行项目时,我收到以下相同的错误:

runtime error: Unable to parse bindings.
Message: ReferenceError: ‘seats’ is undefined;
Bindings value: foreach: seats

我做错了什么?请查看我的jsfiddle.

PS:这是我的第一个stackoverflow帖子所以请温柔! 🙂

谢谢.

如果页面上有多个viewmodel,则需要在applyBindings调用中指定每个viewmodel应用于页面的哪一部分.

我通过将服务和预留部分包装到单独的容器中,然后在applyBindings调用中指定它们来修复您的小提琴:http://jsfiddle.net/zsg6b/1/

相关文章
相关标签/搜索