Angular Stepper with selectedIndex set matStepperNext/matStepperPrevious not working
Quick hack:
HTML:
<mat-vertical-stepper [linear]="true" #stepper>
TS:
@ViewChild('stepper')
stepper: MatStepper;
nextClick(): void {
this.stepper.linear = false;
this.stepper.selectedIndex = ...;
setTimeout(() => {
this.stepper.linear = true;
});
}
Edit: had to add "setTimeout" since it's not working without it anymore. Seems like a crazy hack which I hate, but no other choice unfortunately.