Angular2 * ng用于将索引设置为同一标记内的属性

Question

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

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

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

知道如何分配索引值吗？

Answer 1

这里有两个选项：

<强> 1。直接绑定到属性

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

<强> 2。使用字符串插值

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

Answer 2

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

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