How to set the id attribute of a HTML element dynamically with angularjs (1.x)?

javascript angularjs angularjs-scope string-concatenation

ngAttr directive can totally be of help here, as introduced in the official documentation

For instance, to set the id attribute value of a div element, so that it contains an index, a view fragment might contain

<div ng-attr-id="{{ 'object-' + myScopeObject.index }}"></div>

which would get interpolated to

<div id="object-1"></div>

javascript angularjs angularjs-scope string-concatenation

This thing worked for me pretty well:

<div id="{{ 'object-' + $index }}"></div>

javascript angularjs angularjs-scope string-concatenation

In case you came to this question but related to newer Angular version >= 2.0.

<div [id]="element.id"></div>

CodeHunter