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

Hou*_*man 6 html javascript angularjs

在ng-repeat里面我想做这样的事情:

<div class='col-sm-12' id="playerHolder"><span id="vidPlayerDIV{{$index}}"></span></div>
Run Code Online (Sandbox Code Playgroud)

其中div被命名为vidPlayerDiv0,vidPlayerDiv1等等

但是,该代码不起作用.我怎样才能做到这一点?

Kra*_*rab 7

你可以试试这个:

id="{{'vidPlayerDiv' + $index}}"
Run Code Online (Sandbox Code Playgroud)


Art*_*ich 5

我用正确的工作创建JSFiddle.

  <div ng-repeat='item in items'>
      <span id="{{'vidPlayerDiv' + $index}}">{{'vidPlayerDiv' + $index}}</span>   
  </div>
Run Code Online (Sandbox Code Playgroud)

  • 为了证明它有效,我添加了CSS.[JS小提琴更新](http://jsfiddle.net/U3pVM/3290/) (2认同)