具有错误类的Angular JS动态表生成问题

Question

大家好我已经使用以下示例根据我的需要生成动态表

https://jsfiddle.net/shanidkv/vbft1sc4/

根据我自己的错误类修改表格

<tbody>
<tr ng-repeat="personalDetail in personalDetails">
<td>
<input type="checkbox" ng-model="personalDetail.selected" /></td>
<td>
<div class="form-group" ng-class="{'has-error': rc.loginForm.needsAttention(loginForm.firstname)}">
<div class="col-sm-12">
<input type="text" name="firstname" class="form-control" ng-model="personalDetail.fname" required />
<span class="help-block" ng-show="loginForm.firstname.$error.required">Required</span>
 </div>
</div>
</td>
<td>
<div class="form-group" ng-class="{'has-error': rc.loginForm.needsAttention(loginForm.lastname)}">
 <div class="col-sm-12">  <input type="text" name="lastname" class="form-control" ng-model="personalDetail.lname" required />
 <span class="help-block" ng-show="loginForm.lastname.$error.required">Required</span></div>
</div>

                 需要                 

每件事情都运行正常，但是当我在填充数据后添加第二行验证没有触发可以帮助我

首先点击保存

填写数据后如果我添加第二行的另一行验证不适用

Answer 1

问题是，名字/姓氏/电子邮件的所有输入框都是为同一个名字创建的。因此在验证期间，它无法识别当前的空字段。

更好的解决方案，您可以创建一个指令，该指令将添加到文本框中，该指令将检查字段验证并相应地设置错误类。