Question

我正在尝试验证我的AngularJS表单，将has-error类添加到form-group中：

<div class="form-group" ng-class="{ 'has-error': form.field.$invalid }">
    <input type="number" name="field" min="0" max="10" class="form-control">
</div>

它有效！

但是当我对字段使用ng-repeat时，它会变得复杂，我的名字属性是根据键设置的：

<div class="form-group" ng-class="{ 'has-error': form.???.$invalid }" ng-repeat="field in fields">
    <input type="number" name="{{ field.key }}" min="0" max="10" class="form-control">
</div>

那么我应该在哪里输入???是什么？尝试过的表单。{{field.key}}。$无效，表单[{{field.key}}]。$无效，无效...

奇怪的是，如果我知道field.key的值，例如，我设置了form.keyValue。$ invalid - 它仍然不起作用。

有什么建议吗？

Answer 1

您需要创建一个内部表单（请参阅ng-form）。并查看 this post

AngularJS表单验证（使用带有ng-repeat和Bootstrap的$ invalid）

1 个答案: