如何動態地更改HTML與angularJs的

內的NG-重複的ID我想要做這樣的事情：如何動態地更改HTML與angularJs的

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

凡的div被命名爲vidPlayerDiv0，vidPlayerDiv1等

那但是代碼不起作用。我怎樣才能做到這一點？

2014-03-04 Houseman

我可以建議將問題改爲諸如「如何使用angularJs動態更改HTML的id」。連接字符串和變量可適用於任何語言和數百萬種情況。 –

你可以試試這個：

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

2014-03-04 19:32:17 Krab

你有不匹配的引號。也許你的意思是這樣的：'id =「{{'vidPlayerDiv'+ $ index}}」'或this：'id =「{{\」vidPlayerDiv \「+ $ index}}''。但不要問我，我不知道是什麼。 –

@DavidKnipe：是的，編輯，ty – Krab

創建JSFiddle用正確的工作。

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

2014-03-04 19:38:49

爲了證明它的工作原理，我添加了CSS。 [JS小提琴更新]（http://jsfiddle.net/U3pVM/3290/） –

這段確切的代碼對我起作用至少，代碼中的其他地方一定有錯誤。

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

2014-03-04 19:40:43 Johan

回答