在ng-repeat中使用动态名称进行验证

时间:2014-09-04 13:43:28

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我目前遇到一个问题,我想通过验证创建多个表单输入。我想要的表单元素 create最多可包含100个重复字段。为此,我使用了ng-repeat,如下面这个小例子所示。你可能会注意到 我有一个动态模型和我的输入名称。除验证外,一切正常。

当我检查html中的元素时,动态名称已按预期应用,并且调用了第一个名称输入 TEST0。您可能知道使用表单名称和输入名称完成角度表单验证。因为我的输入是动态的 命名它似乎导致问题,因为你可以通过我的错误输出看到它似乎没有正确记录错误,但是, 如果我要将名称硬编码为test0而不是test {{i}}(在html检查中是test0),一切都会起作用。 这是一个问题,因为重复输入的验证不可行,这是我能想到解决这个问题的唯一方法 手动输出100个html输入元素,唯一的区别是每个输入的名称。这不是理想的,我是 想知道是否有人知道解决这个问题的方法,或者它是否是Angular的已知错误?很可能我只能做一些愚蠢的事情。

<ng-form name="testform">
<div ng-repeat="i in [0,1,2]">
    ERROR {{testform.test0.$error}}
    <label>
        TEST<br />
        <input  name="test{{i}}" ng-model="$parent.test[i]" type="text" required />
    </label>
</div>

因为我花了相当多的时间来解决这个问题,所以对此事的任何帮助都会非常感激。

感谢。

0 个答案:

没有答案
相关问题