angular - 当 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 并禁用选项卡幻灯片动画来解决此问题。