如何使用angularJs动态更改HTML的id

Question

在ng-repeat中我想做这样的事情：

<div class='col-sm-12' id="playerHolder"><span id="vidPlayerDIV{{$index}}"></span></div>

div的名称为vidPlayerDiv0，vidPlayerDiv1等等

然而，该代码不起作用。我怎么能这样做？

Answer 1

你可以试试这个：

id="{{'vidPlayerDiv' + $index}}"

Answer 2

我用正确的工作创建JSFiddle。

  <div ng-repeat='item in items'>
      <span id="{{'vidPlayerDiv' + $index}}">{{'vidPlayerDiv' + $index}}</span>   
  </div>

Answer 3

这个确切的代码至少对我有用，代码中的其他地方一定有错误。

 <div ng-repeat="number in numbers"><div class="box{{$index}}">Hello </div></div>