在angularjs中將動態生成的表單分成多個頁面

Question

如何將一個動態生成的表單分割爲包含「required」驗證的angularJs中的多個頁面？

Answer 1

將每個頁面放在一個Div中，並將該div的可見性綁定到將存儲當前頁面的模型變量。這裏是Plunker http://plnkr.co/edit/ZU7h68iHaFK0k2zSfZhS?p=preview

<form name="myForm"> 
    <h1>{{currentPage}}</h1> 
    <div ng-show="currentPage==1"> 
     Page1<input type="text" ng-model="page1" ng-required="currentPage==1"/> 
    </div> 
    <div ng-show="currentPage==2"> 
     Page2<input type="text" ng-model="page2" ng-required="currentPage==2"/> 
    </div> 

     <div ng-show="currentPage==3"> 
     Page3<input type="text" ng-model="page3" ng-required="currentPage==3"/> 
    </div> 
    <input type="submit" value="Next" ng-click="NextPage()" ng-disabled="myForm.$invalid" /> 
    </form>