Accessing dynamic id's created with Angularjs

Question

I am creating a dynamic form using the ng-repeat directive and create an input with an id called 'value' like this:

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

And I am trying to perform form validation on the dynamic id (ie: value-0, value-1, ...) here with no avail:

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

Was wondering what the syntax would look like inside that ng-messages directive. Thanks in advance.

georgeawg · Accepted Answer · 2018-06-20 16:22:34Z

1

Use property accessor in AngularJS expressions:

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

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

answered Jun 20, 2018 at 16:22

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1