Angular Material Stepper 组件的 StepState 是用来表示每个步骤的状态的枚举类型。StepState 有四个可能的值:
number
:表示步骤的编号,从 0 开始。edit
:表示步骤处于编辑状态。done
:表示步骤已完成。error
:表示步骤出现错误。以下是一个包含代码示例的解决方法:
npm install @angular/material
import { Component } from '@angular/core';
import { StepState } from '@angular/material/stepper';
currentStepState: StepState = StepState.edit;
currentStepState
变量:
currentStepState
变量的值,以改变步骤的状态。例如,可以在点击按钮时将 currentStepState
设置为 StepState.done
:completeStep() {
this.currentStepState = StepState.done;
}
这样,你就可以通过改变 currentStepState
变量的值来改变步骤的状态,并在模板中动态显示相应的样式和内容。