什麼是一步一步重複流動的良好角度設計模式？

Question

我們的角度應用程序有一個流程- step1-step2-step3。在第3步中，可以選擇從第1步開始新的流程。 重要的是，流之間沒有數據混合。 這種流程的最佳設計是什麼？ 這些步驟共享數據，所以我懷疑我需要一個控制器，但是如何確保每次迭代都初始化它（我不想寫一個「init」方法）

Answer 1

我會將每一步寫爲指令並通過雙向綁定傳遞整體狀態。狀態將保存在控制器的範圍內，並且在完成流程後返回到第一步時需要重置。

例如，您可以在流程結束時有一個「重新開始」按鈕，從範圍中清除狀態。控制器會看到並立即顯示第一步，不含所有舊數據。如果你使用ngIf，指令將在允許顯示時乾淨地初始化。

示例控制器模板：

<div> 
    <div myflow-step1="yourData" ng-if="!yourData.step || yourData.step == 1"></div> 
    <div myflow-step2="yourData" ng-if="yourData.step == 2"></div> 
    <div myflow-step3="yourData" ng-if="yourData.step == 3"></div> 
</div> 

而且在步驟3「重新開始」按鈕只會做：

$scope.yourData = {};