是的,您可以通过设置每个步骤的状态来实现多个步骤的活动/显示状态。以下是一个示例:
HTML代码:
Step 3
You are done!
在组件中,您可以使用以下代码设置步骤状态:
import { Component, ViewChild } from '@angular/core';
import { MatStepper } from '@angular/material/stepper';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-stepper',
templateUrl: './stepper.component.html',
styleUrls: ['./stepper.component.css']
})
export class StepperComponent {
@ViewChild('stepper') stepper: MatStepper;
firstFormGroup: FormGroup;
secondFormGroup: FormGroup;
constructor(private _formBuilder: FormBuilder) { }
ngOnInit() {
this.firstFormGroup = this._formBuilder.group({
firstCtrl: ['', Validators.required]
});
this.secondFormGroup = this._formBuilder.group({
secondCtrl: ['', Validators.required]
});
}
// 设置每个步骤的状态