/Javascript/AngularJS/Angular stepper change wait before changing

Angular stepper change wait before changing

@ViewChild('stepper', { static: false }) stepper: MatStepper;

Source: stackoverflow.com

Angular stepper change wait before changing

// I personally do this in ngAfterViewInit() method
setTimeout(() => {
    this.stepper.steps.forEach((step, idx) => {
        step.select = () => {
            // Your custom code here
            // if you want to change step do execute code below
            this.selectedStepIndex = idx;
        };
    });
});

Source: stackoverflow.com

Angular stepper change wait before changing

<mat-horizontal-stepper [selectedIndex]="selectedStepIndex" #stepper>

Source: stackoverflow.com

Similar codes

0 vote90 views1 answer
Angular url not valid send you to a component
Javascript AngularJS
-1 vote103 views2 answers
How to navigate to previous page in angular
Javascript AngularJS
0 vote52 views1 answer
Install bootstrap in angular 9 stack overflow
Javascript AngularJS
0 vote98 views1 answer
Radio button in reactive forms angular material
Javascript AngularJS
3 votes97 views2 answers
A class member cannot have the 'const' keyword angular
Javascript AngularJS
0 vote101 views1 answer
Use your custom component inside Angular Material Dialog
Javascript AngularJS
0 vote104 views1 answer
Add icon to angular
Javascript AngularJS
0 vote97 views1 answer
Remove unused javascript angular
Javascript AngularJS
0 vote104 views1 answer
Why my style not come to angular 11
Javascript AngularJS
0 vote100 views1 answer
Default selected radio button angular material
Javascript AngularJS