角材料|将步进步进动画更改为fadeIn <-> fadeOut

Question

我在应用程序中使用Angular Material mat-stepper。

<mat-horizontal-stepper #stepper [@.disabled]="true">
  <mat-step> Some content here with height=500px </mat-step>
  <mat-step> Some different content here with height=250px </mat-step>
  <mat-step> Other content with height=750px, you get the point </mat-step>
</mat-horizontal-stepper>

默认幻灯片动画（更改步骤时）不适合我的需要。

我知道在[@.disabled]="true" html标签中设置mat-horizontal-stepper会禁用动画。

问题：是否可以将动画更改为fadeIn / fadeOut动画？

所需的结果如下所示：

1. 内容淡出（200毫秒）
2. 动画内容容器的高度变化（200毫秒）
3. 新内容淡入（200ms）