mat-step 指令上的 stepControl 属性有什么作用?

Ole*_*Ole 0 javascript typescript angular-material angular

在 Angular Material 步进器上,stepControl每个属性都有一个mat-step包含表单的属性。物业是做什么的stepControl

<mat-step [stepControl]="registrationForm">
Run Code Online (Sandbox Code Playgroud)

如果表单无效,该功能似乎将不允许进入下一步,但只是想仔细检查。

Has*_*oin 5

但是,正确的是,如果任何表单验证不是强制性的,您可以使用该isOptional属性来忽略该表单的有效性并继续下一步。

<mat-step [stepControl]="registrationForm" [optional]="isOptional">
Run Code Online (Sandbox Code Playgroud)

同样,如果您不使用反应式表单,则可以使用另一个被调用的属性completed,以允许用户仅在完成为 true 时继续下一步

<mat-step [completed]="isCompleted">
Run Code Online (Sandbox Code Playgroud)