在过渡时禁用 mat-stepper 的动画

【问题标题】：Disable animation of mat-stepper while in transition在过渡时禁用 mat-stepper 的动画
【发布时间】：2019-01-10 08:15:41
【问题描述】：

当我们从一个步骤切换到另一个步骤时，有什么方法可以禁用 Angular 材质的 mat-stepper 控件的动画？

【问题讨论】：

【解决方案1】：

可以通过设置元素属性@.disabled来禁用角度动画，参见https://angular.io/api/animations/trigger#disable-animations

您可以简单地将[@.disabled] = "true" 输入到您的mat-stepper

<mat-horizontal-stepper [@.disabled]="true" [linear]="isLinear" #stepper>

【讨论】：

这会导致所有内部子动画也被禁用。如同一 Angular 文档页面中所述：“当 @.disabled 为 true 时，它会阻止 @childAnimation 触发器以及任何内部动画进行动画处理”。