admin管理员组

文章数量:1026182

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 badges
Add a ment  | 

1 Answer 1

Reset to default 5

Correct, 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">

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 badges
Add a ment  | 

1 Answer 1

Reset to default 5

Correct, 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">

本文标签: javascriptWhat is the function of the stepControl property on matstep directivesStack Overflow