使用ui路由器的多个步骤形式（向导）？

Question

我正在尝试构建一个带有角度js的多步表单（向导）。

据我所知，我必须映射每个步骤到自己的控制器和视图（模板）。但在我看来，如果我这样做，那么在每个步骤视图中定义的模型将仅限于特定控制器的范围。

由于我想提交表单末尾所有步骤中填写的所有数据，我不知道应该如何编码以确保模型在所有步骤之间共享？

Answer 1

我想给你的建议是将你的模型暴露给使用service \ factory的每个步骤。 每一步都可以访问工厂公开的模型并更新该模型。你的工厂看起来像东西

angular.module("myApp").factory("Wizard",[function() { 
    function WizardModel() { 
     //Model Properties 
     this.title="Test" 
    } 
    var wizardService={}; 
    wizardService.model=new WizardModel(); 
    wizardService.init=function() { 
     //instantiate a new model object wizardService.model={}; 
    } 
    return wizardService; 

}]) 

你现在可以注入这项服务在你的控制器。在开始向导之前，请致电init重新初始化模型并使用model属性获取当前模型。