12

Is there any way to disable animation of Angular material's mat-stepper control, when we are switching from one step to another ?

Sreekumar P
  • 5,900
  • 11
  • 57
  • 82

1 Answers1

25

Angular animations can be disabled by setting the elements property @.disabled, see https://angular.io/api/animations/trigger#disable-animations

You can simply put [@.disabled] = "true" input to your mat-stepper

<mat-horizontal-stepper [@.disabled]="true" [linear]="isLinear" #stepper>
darkz
  • 550
  • 4
  • 9
  • 6
    This causes all inner child animations to be disabled too. As described in the same Angular docs page: "When @.disabled is true, it prevents the @childAnimation trigger from animating, along with any inner animations". – Asaf Agranat Sep 10 '18 at 12:27