如何找出所有內部ng形式是否有效？

Question

我有這樣

<div class="section1"> 
    <div ng-repeat="item in Objs1"> 
     <ng-form name="myForm"> 
      <input require name="expression" ng-model="item.exp" /> 
      <label ng-show="myForm.expression.$error.required" class="error">*-required</label> 
     </ng-form> 
    </div> 
    <button ng-disabled="--if any myForm is invalid--">Add</button> 
</div> 
<div class="section2"> 
    <input require name="first" ng-model="firstName" /> 
    <input require name="first" ng-model="SecondName" /> 
</div> 

HTML代碼，我怎麼能知道--if any myForm is invalid--？

Answer 1

ngForm可以嵌套。只需添加一個外部ngForm：

<ng-form name="parentForm"> 
<div ng-repeat="item in Objs"> 
    <ng-form name="myForm"> 
     <input require name="expression" ng-model="item.exp" /> 
     <label ng-show="myForm.expression.$error.required" class="error">*-required</label> 
    </ng-form> 
</div> 
<button ng-disabled="parentForm.$invalid">Add</button> 

</ng-form>