[angular] ngFor 속성의 값으로 색인 사용



Answers

Thierry의 대답은 여전히 ​​정확하지만 Angular2에 대한 업데이트가 있습니다.

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

#i = index 은 이제 let i = index 되어야합니다.

수정 / 업데이트 :

*ngFor 는 foreach하려는 요소에 있어야 *ngFor 예제에서는 다음과 같아야합니다.

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

수정 / 업데이트

각도 5

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

나는 현재 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 속성에 저장하려면 어떻게해야합니까?




각도 5 :

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

( 지역 변수 참조)




Related