我在 Angular 2 中有旋转木马,我想向它添加过渡。我做了英雄之旅教程,所以我在 app.component.ts 中有:
<carousel [interval]="5000" [noWrap]="noLoopSlides">
<hero *ngFor="let hero of heroes; let index=index" [active]="hero.active" [inactive]="hero.inactive" class="item fill">
<img [src]="hero.image" style="margin:auto;">
<div class="carousel-caption">
<h3 style="background-color: transparent;color: white;">Slide {{index + 1}}</h3>
</div>
</hero>
</carousel>
并且英雄元素的类别随着时间间隔从item fill carousel-item active
变为,并且只显示一个。我想从to过渡,但根据文档我需要使用 trigger 。有没有办法根据类改变状态?item fill carousel-item inactive
active
active
inactive
[@heroState]="hero.state"