AngularJS 1表單驗證在循環中

Question

我有一個angulare代碼問題。我用ng reapet做了一個小的表單結構。當我刪除其中的一個元素時，它們中的每個元素都不顯示「無效」消息。所有他們工作正常，但刪除不顯示信息沒有給這個data-ng-show =「Zhf.w {{key}}的錯誤。$ error.pattern」爲什麼不顯示錯誤。

<form name="zhf" class="form-horizontal"> 
    <div data-ng-repeat="(key, i) in vm.items.Info | limitTo: (vm.NumberOfDays)"> 
    <div class="col-sm-3"> 
     <input type="text" class="form-control" id="w{{key}}" name="w{{key}}" ng-model="vm.item[key].w" placeholder="0" ng-pattern="/^[0-9]{1,10}([,.][0-9]{1,2})?$/" required> 
     <p style="color: #a94442" class="text-danger" data-ng-show="Zhf.w{{key}}.$error.pattern"> 
     <span>Not a valid number!</span> 
     </p> 
    </div> 
    <div class="col-sm-2"> 
     <button type="button" class="btn btn-danger btn-sm " ng-click="vm.delete(key)">remove</button> 
    </div> 
    </div> 
</form> 

vm.delete = function(index) { 
    vm.items.Info.splice(index, 1); 
    vm.item.splice(index, 1); 
    vm.NumberOfDays -= 1; 
} 

Answer 1

我已更新了NG-重複部分驗證表單和樣品是HERE

 <form novalidate="novalidate" name="inputValidate"> 
     <div ng-repeat="field in fields.test"> 
     <div style="width:600px"> 
      <div ng-form name="validMe" style="width:58%;float:left"> 
       <input id="input{{$index}}" name="input{{$index}}" type="text" ng-model="field.value" ng-pattern="/^[0-9]{1,10}([,.][0-9]{1,2})?$/" required> 
       <span style="color: #a94442" ng-show="validMe['input\{\{$index\}\}'].$error.pattern">Not a valid number!</span> 
       <span style="color: #a94442" ng-show="validMe['input\{\{$index\}\}'].$error.required ">Number Required!</span> 
      </div> 
      <div style="width:20%;float:left"> 
      <input type="button" value="Remove" ng-click="delete($index)"/> 
      </div> 
     </div> 
     </div> 
</form>