AngularJS 1 form validation in the loop
<p>i have a problem with angulare code. I have made a small form structure with ng reapet . When i removed one of element every  element down of them are not show the "not valid" message . All up of them work fine but down of remove not showing info not given the false of this data-ng-show="Zhf.w{{key}}.$error.pattern" why ng show not taked false.</p>

<pre><code>&lt;form name="zhf" class="form-horizontal"&gt;
  &lt;div data-ng-repeat="(key, i) in vm.items.Info | limitTo: (vm.NumberOfDays)"&gt;
    &lt;div class="col-sm-3"&gt;
      &lt;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&gt;
      &lt;p style="color: #a94442" class="text-danger" data-ng-show="Zhf.w{{key}}.$error.pattern"&gt;
        &lt;span&gt;Not a valid number!&lt;/span&gt;
      &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="col-sm-2"&gt;
      &lt;button type="button" class="btn btn-danger btn-sm " ng-click="vm.delete(key)"&gt;remove&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/form&gt;

 vm.delete = function(index) {
  vm.items.Info.splice(index, 1);
  vm.item.splice(index, 1);
  vm.NumberOfDays -= 1;
}
</code></pre>