javascript - Angular 动态地将 ng-messages 设置为 name 属性

Question

我动态创建输入并希望验证其中的每一个，但无法将ng-messages属性正确设置为动态生成的字段名称属性。

<input ng-model="sub.name" name="subName{{$index}}" class="form-control" placeholder="name" required maxlength="20" />
<div class="field-error" ng-messages="form.subName{{$index}}.$error" ng-show="form.Name.$touched" role="alert">
    <div ng-message="required">Name is required.</div>
</div>

我在第二行遇到问题，我将ng-messages动态设置为ng-messages. 我怎样才能做到这一点？

Answer 1

也可以使用括号来访问表单对象的属性，这应该可以解决您的问题：

<input ng-model="sub.name" name="subName{{$index}}" class="form-control" placeholder="name" required maxlength="20" />
<div class="field-error" ng-messages="form['subName' + $index].$error" ng-show="form.Name.$touched" role="alert">
    <div ng-message="required">Name is required.</div>
</div>