在转换过程中禁用mat-stepper的动画

Sre*_*r P 4 animation angular-material2 angular stepper

mat-stepper当我们从一个步骤切换到另一个步骤时,有没有办法禁用Angular材质控件的动画?

小智 10

可以通过设置elements属性来禁用角度动画@.disabled,请参阅https://angular.io/api/animations/trigger#disable-animations

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

<mat-horizontal-stepper [@.disabled]="true" [linear]="isLinear" #stepper>
Run Code Online (Sandbox Code Playgroud)

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