1 Вопрос: Запустите угловую анимацию, когда мат-вкладка активна

вопрос создан в Thu, May 2, 2019 12:00 AM

Я пытаюсь анимировать простой 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.

    
0
  1. Я не уверен, что это сработает, но попробуйте, пожалуйста, и скажите мне. измените содержимое вашего mat-tab на шаблоны ng-template, чтобы вкладки матов загружались лениво, и поэтому анимация должна отображаться при загрузке (они будут загружены при нажатии вкладки) ... больше информации здесь
    2019-05-02 15: 12: 53Z
  2. Это работает, но я едва вижу это. Всякий раз, когда я меняю вкладку, в содержимом возникает заикание из-за ленивой загрузки.
    2019-05-02 15: 54: 37Z
1 ответ                              1                         

Я решил эту проблему, добавив ng-шаблон для отложенной загрузки и отключив анимацию слайдов вкладок.

    
0
2019-05-07 14: 33: 46Z
источник размещен Вот