/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 vote228 views1 answer
How to disable reactive form submit button in Angular
Javascript AngularJS
0 vote220 views2 answers
Animate on scroll angular
Javascript AngularJS
0 vote256 views1 answer
Command to check dependencies in angular
Javascript AngularJS
0 vote243 views1 answer
Angular ngbtooltip z-index
Javascript AngularJS
0 vote245 views1 answer
Input type shows object angularjs
Javascript AngularJS
43 votes337 views6 answers
Angular check if array is empty
Javascript AngularJS
8 votes249 views2 answers
Update formgroup value angular
Javascript AngularJS
0 vote229 views1 answer
Angular material change placeholder color
Javascript AngularJS
4 votes233 views3 answers
Angular pipe first letter uppercase
Javascript AngularJS
1 vote290 views1 answer
Angular 10 set error on form controle
Javascript AngularJS