在Angularjs ng-repeat 中对元素的validate 提示最后都有不友好的地方,比如明明提示一个元素require不通过,但是所有元素都提示数据错误!
以下是解决方案:
1、申明ng-form属性
2、自行定义required pattern等校验错误span提示框内容
<div data-ng-repeat="firmware in detail.firmware_list" class="ng-scope" ng-form="repeatForm" >
<div class="form-group">
<label class="col-sm-1 control-label">版本号<span style="color: red"> * </span></label>
<div class="col-md-3">
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="inputKey{{$index}}" ng-model="firmware.build_version" name="build_version" placeholder="请填写版本号" required="" ng-pattern="/^[0-2].[0-9].[0-9]\-[R,D]\-[0-9]{8}.[0-9]{4}$/" data-ng-disabled="riskReadonly">
<span style="color: #a94442;font-weight: 700" class="control-label has-error validationMessage" ng-show="repeatForm.build_version.$error.required">
这里不能为空哦!
</span>
<span style="color: #a94442;font-weight: 700" class="control-label has-error validationMessage" ng-show="repeatForm.build_version.$error.pattern">
格式不对!
</span>
</div>
运行代码可以参考:
http://jsfiddle.net/shuzui1985/qrs7qusb/2/