How to stop user moving to next step until finish the current step using Angular Material Stepper(Angular 4)

Terry Zhang

I am using Angular Material to build my steppers and I want user to move step by step which means user has to finish the current step so that can move to the next step, however during searching the Angular Material Docs and CDK Docs I only found one related field property called 'editable' but that is used for stopping user return to previous steps, what property should I set to make stop user view the later steps and move one by one?

Thanks

ali karimi

add [linear]="isLinear" to stepper like this <mat-horizontal-stepper [linear]="true">

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Perl: how to wait for a curl step to finish before processing to the next

how to finish() when in two step processes?

Do while loop is moving to the next step without meeting conditions

How to set second step as active step in Material-2 stepper?

Angular Material Stepper Component For Each Step

Angular material 2 stepper - next step

How to change angular material stepper step numbers to any icon or text?

Angular Material selectionChanged returning previous step instead of current

How to change color of angular material stepper step icons

How to move stepper from one step to second step using angular and angular material

Bot framework v4. How to get the value inside if else in a waterfall step dialog and pass it to the next step?

how to make active previous all steps of selectedIndex step using angular material stepper and angular 6

How to log the current step in SAS?

how to change angular stepper progress color when next step active

C++ Finish Current task before moving on to the next

tour.prev() or onPrev ? if I am skipping step using onShown for moving next

Pass current step output to next step and write to flatfile

How can i stop my process until the previous step gets over

Check Previous Step If Status Is Done And Display If The Next Process If It's Finish

How to wait until evaluate step done in CasperJS?

How to get next step

How to properly run list of commands, where next cmd wait until current cmd finish?

AWS step function does not add next step to EMR cluster when current step fails

Angular - How to Validate each step in Angular Material stepper

Angular - Material Stepper Skips one step on Next Step Click

Iterating through a list of items with each step awaiting user input before moving on to next item in list

How to show Step next and previous without using Switch Case statement

How to reset a 'Material Angular Stepper' Step?

In multistep form, how to store value of previous step when user select an option in the next step?