AngularJS 1 循环中的表单验证

Question

我的 angulare 代码有问题。我用 ng reapet 制作了一个小型结构。当我删除其中一个元素时，它们中的每个元素都不会显示“无效”消息。所有这些都工作正常，但删除不显示信息没有给出这个 data-ng-show="Zhf.w{{key}}.$error.pattern" 的错误为什么 ng show not take false.

<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-repeat 部分以验证表单和示例是 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>