带有 Angular 6 的 Bootstrap 4 轮播 - ngFor 中的 Ol 链接

Question

我想用 Bootstrap 4 和 Angular 6 创建轮播，一切正常，但我有一个问题。我想用 *ngFor 循环动态添加指标，我的问题是属性data-slide-to 的数字必须等于照片的数量。我用循环添加这个，所以我想从索引值传递i。链接不起作用，在我的浏览器中，我在每张照片中都看到了 data-slide-to = "i"

如何将数据绑定到该属性？？

<ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" *ngFor="let li of sliderImages; let i = index" data-slide-to="i" [ngClass]="{'active' : i == 0}"></li>

      </ol>

我已经尝试过[data-slide-to] 和data-slide-to = "{{i}}"，但这些都会让我出错。

Answer 1

您似乎正在寻找以下语法之一：

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

或

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