启用Mat-tab时开始角度动画

时间:2019-05-02 15:05:41

标签: angular angular-material angular-animations web-animations

我正在尝试为标签内的简单div设置动画。选项卡的内容是不同的组件。

父组件:

<div class="content p-24">
  <mat-tab-group dynamicHeight="true">
      <mat-tab label="Info">
        <app-profile-editor *ngIf="editProfile" [user]= "user"></app-profile-editor>
        <app-profile-viewer *ngIf="!editProfile" [user]= "user"></app-profile-viewer>
      </mat-tab>
      <mat-tab label="Companies">
        <app-profile-companies></app-profile-companies>
      </mat-tab>
      <mat-tab label="People">

      </mat-tab>

  </mat-tab-group>

我想要实现的是,当我单击特定选项卡时,在app-profile-companies组件中为div设置动画。 我不太确定该怎么做,我还在学习,还不是Angular的专家。

1 个答案:

答案 0 :(得分:0)

我通过为延迟加载添加ng-template并禁用标签页幻灯片动画来解决此问题。