indexing - Angular2 *ngFor 将索引设置为同一标签内的属性

Question

我试图创建一个引导轮播。所以我使用 *ngFor 添加元素和轮播指示器。（小圆圈表示当前位置）

<li data-target="#myCarousel" *ngFor="#item of items; #idx = index"  data-slide-to="idx" [class.active]="idx === 0" >

我通过 [class.active]="idx​​ === 0" 设置活动类条目，它工作正常。但是，当我尝试设置 data-slide-to="idx​​" 时，结果不是想要的索引为数字，而是字符串“idx”。

知道如何分配索引值吗？

Answer 1

您在这里有两个选择：

1.直接绑定属性

[attr.data-slide-to]="idx"

2.使用字符串插值

attr.data-slide-to="{{idx}}"

Answer 2

绑定需要[]或{{}}。绑定到属性需要attr.前缀

[attr.data-slide-to]="idx"