MDB 轮播幻灯片更改事件

【问题标题】：MDB carousel slide change eventMDB 轮播幻灯片更改事件
【发布时间】：2019-09-27 23:59:22
【问题描述】：

在我的 Angular 应用程序中。我正在使用 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>

【问题讨论】：

标签： javascript angular bootstrap-4 angular-material carousel

【解决方案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>

【讨论】：