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>