javascript - Knockout js 从其他视图模型收集数据

Question

我有一个使用几种不同视图模型的应用程序（这是我第一次使用淘汰赛 js 构建应用程序）。

基本上我正在做的是一个向导，每个页面都是一个淘汰视图模型，最后我想从所有视图模型中获取所有 json 并使用最终按钮提交它。

这样做的最佳方法是什么？

Answer 1

我建议使用单页应用程序。

本质上，您将拥有一个视图模型，其中包含向导中每个步骤的部分，并且在提交时，您拥有所需的所有数据。

可见性/美学可以通过 css 和智能绑定来控制。

RP Niemeyer 有一个很好的演示，并且在这个答案中也谈到了它。

Answer 2

window.firstViewModel = new function()
{  
   var self = this;
   self.firstProperty = ko.observable();
   //  
}  

window.secondViewModel = new function()
{  
   var self = this;
   self.secondProperty = ko.observable();
   //  
}  

var submit = function()  
{
   var firstProperty = firstViewModel.firstProperty(); // access to firstViewModel 
   var secondProperty = secondViewModel.secondProperty(); // access to secondViewModel
   //...  
}