On the Angular Material stepper there is a stepControl property on each mat-step that contains a form. What does the stepControl property do?
<mat-step [stepControl]="registrationForm">
It seems like the function would be to disallow moving to the next step if the form is not valid, but just wanted to double check.
On the Angular Material stepper there is a stepControl property on each mat-step that contains a form. What does the stepControl property do?
<mat-step [stepControl]="registrationForm">
It seems like the function would be to disallow moving to the next step if the form is not valid, but just wanted to double check.
Share Improve this question asked Feb 10, 2022 at 14:18 OleOle 47.6k70 gold badges238 silver badges447 bronze badges1 Answer
Reset to default 5Correct, however, if any form validation is not pulsory you can use the isOptional property to ignore that form's validity and proceed to the next step.
<mat-step [stepControl]="registrationForm" [optional]="isOptional">
Similarly if you are not using Reactive Forms you can use another property called pleted to allow the user to proceed to the next step only if pleted is true
<mat-step [pleted]="isCompleted">