使用ngRepeat和动态名称验证动态表单和Show ngMessages

时间:2015-12-22 10:56:10

标签: angularjs forms dynamic names

我有一个带有电子邮件字段的表单和一个按钮按钮,用于创建一个带有动态名称的新电子邮件字段。

所以我使用了带有动态名称的ngRepeat:

<div class="emailReceiverContent" ng-repeat="i in getNb()" > 
<input class="textInput" 
       ng-init="fieldName = 'mailReciever' + i"
       name="{{fieldName}}"
       ng-model="requestedInfos.mailReceivers[i]"
       type="email"
       required />

<div class="errorMessage" ng-messages="emailForm[fieldName].$error"          
       role="alert" ng-show="submitted">
       <div ng-messages-include="error-messages"></div>
</div>


 <p class="help-block" ng-show="emailForm['mailReciever'+[i]].$invalid">
       Valid Email Address Required<br/>
       {{emailForm['mailReciever'+[i]].$error}}
 </p>

... 每当当前字段显示错误消息时, 当我创建第二个时,第一个不再改变。

当我提交表单时,它应显示错误消息,我只有最后一个字段的错误。

如何分别获取每个字段的错误?

0 个答案:

没有答案