demo/src/app/components/+carousel/demos/slide-changed-event/slide-changed-event.html
<carousel (activeSlideChange)="log($event)" [interval]="false">
<slide *ngFor="let slide of slides; let index=index">
<img [src]="slide.image" alt="image slide" style="display: block; width: 100%;">
<div class="carousel-caption">
<h4>Slide {{index}}</h4>
<p>{{slide.text}}</p>
</div>
</slide>
</carousel>
<br/>
<pre class="card card-block card-header">{{slideChangeMessage}}</pre>