我很难使用 ng-repeat 语句进行验证。我有以下代码。我只是希望当名称字段为空时将 has-error 添加到 div.form-group 中。我似乎无法让它发挥作用。有什么想法吗?
我在小提琴手中的尝试 http://jsfiddle.net/mantisimo/ztF2x/
<div ng-app="app" ng-controller="bookController">
<form name="myForm" ng-submit="submitMe(this)" novalidate>
<table class="table">
<tr ng-repeat="order in orders">
<ng-form name="innerForm">
<td>{{ order.id }}</td>
<td>
<div class="form-group" ng-class="{ 'has-error' : innerForm.name.$invalid && submitted }">
<input type="input" ng-model="order.name" name="name" required />
</div>
</td>
</ng-form>
</tr>
</table>
<input type="submit" value="submit" ng-click="submitted = true" />
</form>
<pre>
{{ orders | json }}
</pre>
</div>
var app = angular.module("app", []);
app.controller("bookController", function ($scope) {
$scope.submitMe = function(form) {
console.log(form);
};
$scope.orders = [{
id: 1,
name: ''
}, {
id: 2,
name: 'hat'
}];
});
移动ngForm
指向包含以下元素的指令ngRepeat
指示:
<tr ng-repeat="order in orders" ng-form="innerForm">
Demo: http://jsfiddle.net/YTR95/ http://jsfiddle.net/YTR95/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)