angular2 router - ngFor 속성의 값으로 색인 사용





2 Answers

각도 5/6 :

<ul *ngFor="let item of items; index as i">
 <li>{{i+1}} {{item}}</li>
</ul>

( 지역 변수 참조)

title event subscribe

나는 현재 index 를 추적하는 간단한 ngFor 루프를 가지고있다. index 값을 속성에 저장하여 인쇄 할 수 있습니다. 그러나 나는 이것이 어떻게 작동하는지 알 수 없다.

나는 기본적으로 이것을 가지고있다.

<ul *ngFor="#item of items; #i = index" data-index="#i">
    <li>{{item}}</li>
</ul>

#i 값을 속성 data-index 에 저장하려고합니다. 몇 가지 방법을 시도했지만 그 중 아무 것도 작동하지 않았습니다.

여기에 데모가 있습니다. http://plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p=preview

index 값을 data-index 속성에 저장하려면 어떻게해야합니까?




나는 이전에 이미 답변 한 것으로 생각하지만, 정렬되지 않은 목록을 채우는 경우 *ngFor 가 반복 할 요소에 올 것입니다. 그래서 그것은 <li> 안쪽에 있어야합니다. 또한, Angular2는 let을 사용하여 변수를 선언합니다.

<ul>
    <li *ngFor="let item of items; let i = index" [attr.data-index]="i">     
               {{item}}
    </li>
</ul>



Related