帶有錯誤類的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

問題是，名字/姓氏/電子郵件的所有輸入框都為相同的名稱創建。 因此在驗證期間，它無法識別當前的空字段。

更好的解決方案是，您可以創建一個指令，該指令將添加到文本框中，該文本框將檢查字段驗證並相應地放置錯誤類。