0

I have a mat-stepper, and I want to manage the event when a step is manually is clicked by the user, or with a button in the view.

<mat-stepper (selectionChange)="onSelectFromStepper($event)">
     <mat-step> 
        <mat-button (click)="onNextFromStep()" </button>
     </mat-step>
 </mat-stepper>

onSelectFromStepper(selected: any) {
   console.log("from stepper");
}

onNextFromStep() {
  this.stepper.next(); //it fires the selectionChange event, how to prevent??
}

how can I prevent the selectionChange to be fired from the next() ??

cucuru
  • 3,456
  • 8
  • 40
  • 74

0 Answers0