當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並禁用選項卡幻燈片動畫解決了這個問題。