2014-03-04 1 views
6

내부 NG-반복의 AngularJS와와 HTML의 ID를 변경하는 방법 : div의이 vidPlayerDiv0, vidPlayerDiv1 등동적 나는 이런 식으로 뭔가하고 싶은

명명 된

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

을 그 그러나 코드는 작동하지 않습니다. 어떻게해야합니까?

+0

질문을 "angularJs로 HTML의 ID"로 동적으로 변경하는 방법을 제안 할 수 있습니까? 문자열과 변수를 연결하면 모든 언어와 수백만 가지 상황에 적용될 수 있습니다. –

답변

7

이 작업을 시도 할 수 있습니다 :

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

일치하지 않는 따옴표가 있습니다. 어쩌면 당신은'id = "{{ 'vidPlayerDiv'+ $ index}}"'또는 this :'id = "{{"vidPlayerDiv "+ $ index}}"와 같은 것을 의미했을 것입니다. 그러나 나에게 묻지 마라, 나는 angularjs가 무엇인지 전혀 모른다. –

+0

@DavidKnipe : 예, 편집 됨, ty – Krab

5

나는 올바른 일에 JSFiddle을 만들 수 있습니다.

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

작동을 증명하기 위해 CSS를 추가했습니다. [JS 피들 업데이트] (http://jsfiddle.net/U3pVM/3290/) –

0

이 정확한 코드는 저에게 적합합니다. 코드의 다른 부분에 오류가 있어야합니다.

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