Я пытаюсь анимировать простой 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>
Чего я хочу добиться, так это анимировать div в компоненте app-profile-companies, когда я нажимаю на эту конкретную вкладку. Я не совсем уверен, как это сделать, я все еще учусь, а не эксперт по Angular.
mat-tab
на шаблоныng-template
таким образом, ваши матовые вкладки загружаются лениво, и поэтому анимация должна отображаться при загрузке (они будут загружаться при нажатии на вкладку) ... подробнее здесь - person Francisco Santorelli   schedule 02.05.2019