访问使用Angularjs创建的动态ID

时间:2018-06-20 15:39:51

标签: html angularjs

我正在使用ng-repeat指令创建动态表单,并创建一个具有名为“值”的ID的输入,如下所示:

<input name="value" id="{{ 'value-' + $index }}" required>

我试图在此处对动态ID(即value-0,value-1,...)执行表单验证,但无济于事:

<div ng-messages="form.{{ 'value-' + $index }}.$error">
     <div ng-message="required">This Is Required!</div>
</div>

想知道ng-messages指令中的语法是什么样的。预先感谢。

1 个答案:

答案 0 :(得分:1)

在AngularJS表达式中使用属性访问器:

<input name="value-{{$index}}" id="{{ 'value-' + $index }}" required />
<div ng-messages="form['value-' + $index].$error">
     <div ng-message="required">This Is Required!</div>
</div>