在我的有角度的应用程序中。我正在使用angular-bootstrap-md轮播,但我不知道如何捕获幻灯片更改事件。
<mdb-carousel [animation]="'slide'" (slide)="onSlide($event)" >
<mdb-carousel-item>
<mdb-carousel-item>
</mdb-carousel>
我已经用幻灯片捕获了幻灯片事件,但是它不起作用
<mdb-carousel [animation]="'slide'" (slide)="onSlide($event)" >
<mdb-carousel-item>
<mdb-carousel-item>
</mdb-carousel>
答案 0 :(得分:1)
您要查找的事件是activeSlideChange
。
参考:mdbootstrap carousel activeSlideChange
event
<mdb-carousel [interval]="myInterval" [noWrap]="noWrapSlides" [(activeSlide)]="activeSlideIndex" (activeSlideChange)="activeSlideChange()">
<mdb-slide *ngFor="let slide of slides; let index=index">
<img [src]="slide.image">
<div class="carousel-caption">
<h4>Slide {{index}}</h4>
<p>{{slide.text}}</p>
</div>
</mdb-slide>
</mdb-carousel>