angular - ngFor 以索引作为属性中的值

Question

我有一个简单的 ngFor 循环，它还跟踪当前的 index。我想将该 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 属性中？

Answer 1

我将使用此语法将索引值设置为 HTML 元素的属性:

Angular >= 2

您必须使用let 来声明值而不是#。

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

Angular = 1

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

这是更新的 plunkr:http://plnkr.co/edit/LiCeyKGUapS5JKkRWnUJ?p=preview .