ng-repeat中的验证

时间:2014-03-01 05:51:41

标签: angularjs

我关注ng-repeat。我在迭代textboxes&想要为每个textbox使用不同的名称,以便我可以正确验证它们。

以下给出了错误。如何在textboxes中找到唯一名称ng-repeat

 <tr data-ng-repeat="practiceAdd in practice.practiceaddress">
   <td style="width: 10%;">Address  {{$index+1}}</td>
   <td style="width: 30%;">
       <input type="text" name="street{{$index+1}}" class="form-control" data-ng-model="practiceAdd.street{{$index+1}}" ng-class="{'has-error': editForm.street{{$index+1}}.$invalid}" required />
       <span class="errorMessage" ng-show="editForm.street{{$index+1}}.$dirty && editForm.street{{$index+1}}.$invalid">Street name is required</span>
   </td>
   ....

1 个答案:

答案 0 :(得分:0)

试试这个,

<tr data-ng-repeat="practiceAdd in practice.practiceaddress">
   <td style="width: 10%;">Address  {{$index+1}}</td>
   <td style="width: 30%;">
       <input type="text" name="street{{$index+1}}" class="form-control" data-ng-model="practiceAdd.street" required />

   </td>