Bootstrap 4轮播与Angular 6 - Ol链接在ngFor

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}}"