2016-02-13 47 views
1

大家好我用下面的例子来生成动态表按我的需要角JS动态表的生成问题,错误类

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> 

要求

每一件事工作正常,但当我填充数据验证后添加第二行不点火能有人帮我

保存 enter image description here

首先点击填充数据后,如果我再添第二行的行验证不适用 enter image description here

回答

0

问题是,名/姓/电子邮件的所有输入框都是为相同名称创建的。所以在验证时它不能识别当前的空白字段。

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