/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

3 votes338 views3 answers
Disable input angular
Javascript AngularJS
0 vote357 views1 answer
Angular print html
Javascript AngularJS
0 vote349 views1 answer
Angular content-security-policy header
Javascript AngularJS
0 vote315 views1 answer
Angular cli command to skip tests
Javascript AngularJS
10 votes341 views6 answers
Angular refresh component without reloading page
Javascript AngularJS
70 votes465 views6 answers
Create angular project
Javascript AngularJS
0 vote388 views1 answer
Angular rxjs-compat is uptodate
Javascript AngularJS
1 vote330 views3 answers
This version of CLI is only compatible with Angular versions ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 8.1.3 was found instead.
Javascript AngularJS
0 vote392 views1 answer
Send data with emit angular
Javascript AngularJS
0 vote381 views1 answer
Angular subscribe on value change
Javascript AngularJS