javascript - AngularJS验证引用具有变量名的表单对象

Question

假设我有一个带有一些 Angular 验证的简单表单：

<form name="myForm">
    <input name="{{myField}}" 
            type="text" 
            ng-model="obj.myField" 
            required />
    <div class="text-danger" ng-show="myForm[myField].$invalid">
        <div ng-show="myForm[myField].$error.required">
            Field is required.
        </div>
    </div>
</form>

现在假设我想为表单名称使用变量而不是硬编码字符串：

<form name="{{formName}}">

如何修改myForm[myField].$invalid并myForm[myField].$error.required仍然引用我的表单？

Answer 1

从当前角度来看，您不能动态命名表单输入元素。如果您在一组表单上执行此操作，您可以使用该ng-form指令并执行以下操作（在jade语法中）：

div(ng-repeat = "user in users", class="form-group")
    ng-form(name="userFieldForm")
      input(type="text", required, ng-model="user.email", name="email")
      p(class="help-block" ng-show="userFieldForm.email.$invalid">Valid Email Address required