使用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屬性獲取當前模型。