0

我在 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 inactiveactiveactiveinactive[@heroState]="hero.state"

4

0 回答 0