如何用angularjs (1.x)动态设置一个HTML元素的id属性?

提供了一个div类型的HTML元素，如何设置其id属性的值，这是一个范围变量和字符串的连接?

当前回答

只要<input id="field_name_{{$index}}" />

其他回答

只要<input id="field_name_{{$index}}" />

如果你使用这个语法:

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

Angular会渲染如下内容:

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

但是这种语法:

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

将生成如下内容:

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

如果你遇到这个问题，但涉及到较新的Angular版本>= 2.0。

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

这个方法对我很有效:

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

您可以简单地执行以下操作

在你的js中

$scope.id = 0;

在模板中

<div id="number-{{$scope.id}}"></div>

它会渲染

<div id="number-0"></div>

没有必要在双花括号内连接。

推荐文章