使用AngularJS在表单中进行动态验证和命名

Question

我有这种形式：http :
//jsfiddle.net/dfJeN/

如您所见，输入的名称值是静态设置的：

name="username"

，则表单验证可以正常工作（添加一些内容并从输入中删除所有文本，必须显示一个文本）。

然后，我尝试动态设置名称值：http :
//jsfiddle.net/jNWB8/

name="{input.name}"

然后我将其应用于我的验证

login.{{input.name}}.$error.required

（此模式将在ng-repeat中使用），但我的表单验证已损坏。它在浏览器中已正确解释（如果检查元素，我看到login.username。$
error.required）。

任何想法 ？

编辑：在控制台中记录范围后，似乎

{{input.name}}

表达式不是插值的。我的表单是{{input.name}}属性，但没有用户名。

更新：由于1.3.0-rc.3 name =“ {{input.name}}”“可以正常工作。
请参阅＃1404

Answer 1

您不能那样做。

假设您要执行的操作是使用ng-repeat之类的元素向表单中动态添加元素，则需要使用嵌套的ng-
form
来验证这些单独的项目：

<form name="outerForm">
<div ng-repeat="item in items">
   <ng-form name="innerForm">
      <input type="text" name="foo" ng-model="item.foo" />
      <span ng-show="innerForm.foo.$error.required">required</span>
   </ng-form>
</div>
<input type="submit" ng-disabled="outerForm.$invalid" />
</form>

令人遗憾的是，这并不是Angular的功能齐全的功能。