/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 vote332 views1 answer
Collapse in angular 4
Javascript AngularJS
3 votes289 views1 answer
Send event to child component angular
Javascript AngularJS
0 vote293 views1 answer
Not Found The requested URL was not found on this server angular routing when going back to site from ecternal source
Javascript AngularJS
0 vote338 views2 answers
Chrome console angular scope
Javascript AngularJS
0 vote307 views1 answer
Angular create injectable
Javascript AngularJS
0 vote294 views1 answer
Screenfull angular example
Javascript AngularJS
0 vote271 views1 answer
Ip address validation regex angular
Javascript AngularJS
-1 vote352 views1 answer
Angular bind to class or ngClass
Javascript AngularJS
-2 votes317 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
-1 vote278 views1 answer
Angular access form control value
Javascript AngularJS