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

Question

我正在尝试为标签内的简单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的专家。

Answer 1

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