从ngRepeat访问元素
从ngRepeat访问元素
提问于 2013-04-30 22:07:04
如何从控制器访问ngRepeat循环中的给定记录，最终用于表单验证？
我有以下表单，其中可以包含用户动态添加/删除的记录：
<table class="table table-condensed span12" id="tableParticipants">
<!-- snip -->
<tbody>
<tr ng-repeat="person in people">
<td><input type="text" pattern="[0-9]*" data-provide="typeahead" placeholder="8675309" ng-model="person.empid"></td>
<td><input type="text" data-provide="typeahead" placeholder="Firstname Lastname" ng-model="person.name"></td>
<td><input type="text" placeholder="Title" ng-model="person.title"></td>
<td style="text-align: center"><i class="icon-remove" ng-click="removeParticipant()"></i></td>
</tr>
</tbody>
</table>在提交表单时，我需要确保员工ID是有效的，否则将得到一个数据库错误。所以，当我完成这个循环时：
$scope.people.forEach(function(element, index, array)
{
if ($element['empid'] == BAD)
{
// set corredponding ngRepeat row to error
}
}如何访问特定记录给定行？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-30 22:14:26
您应该能够执行类似以下操作的操作。将css类名称添加到数组项和/或错误消息。其余的应该由Angular来处理，它会更新。您可以选择显示/隐藏消息、添加类等。
<tr ng-repeat="person in people" ng-class="person.error">
<td><input type="text" pattern="[0-9]*" data-provide="typeahead" placeholder="8675309" ng-model="person.empid"></td>
<td><input type="text" data-provide="typeahead" placeholder="Firstname Lastname" ng-model="person.name"></td>
<td><input type="text" placeholder="Title" ng-model="person.title"></td>
<td style="text-align: center"><i class="icon-remove" ng-click="removeParticipant()"></i> <span>{{person.errorMessage}}</td>
</tr>
if ($element['empid'] == BAD)
{
$element['errorMessage'] = 'Invalid Id'; // could bind or show a span/depends.
$element['error'] = 'error'; // set to whatever class you want to use.
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16309760
复制相关文章
相似问题
截取从ngRepeat中删除元素
访问ngRepeat范围
AngularJS ngRepeat元素删除
ngRepeat不显示元素
使用过滤器从ngrepeat中删除元素
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
