ngx-bootstrap ShowIndicators = false无法正常工作

Question

我们正在使用带有一些HTML标记的轮播（不是图像）。我们需要关闭指标，但[showIndicators]="false"不会隐藏它们。

我们尝试传入bool variable，硬编码false等。我们甚至试图用外部CSS隐藏指标，但指标仍在显示。有什么想法吗？

这是我们的代码：

<carousel [(activeSlide)]="activeSlide" [interval]="false" [showIndicators]="showIndicators">
...
</carousel>

Answer 1

我有这个例子：

<carousel [showIndicators]="false">
    <slide *ngFor="let slide of slides">
        <div class="slide">
            <div class="content">
                <h1>{{slide.title}}</h1>
                <div class="content" [innerHtml]="slide.content"></div>
            </div>
        </div>
    </slide>
</carousel>

此外showIndicators为false。

这是完整的例子：

https://codesandbox.io/s/w89089qy8

Answer 2

转到您的项目主index.html文件并编写此CSS

.carousel-control.left {
    display: none;
}
.carousel-control.right {
    display: none;
}