AngularMaterialMatStepper:是否可以有多个步骤处于活动/显示状态?
创始人
2024-10-28 10:00:58
0

是的,您可以通过设置每个步骤的状态来实现多个步骤的活动/显示状态。以下是一个示例:

HTML代码:


  
    
Step 1
Step 2
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]
    });
  }

  // 设置每个步骤的状态

相关内容

热门资讯

透视代打!aapoker怎么提... 透视代打!aapoker怎么提高中牌率(透视)透视脚本入口(原来真的是有挂)暗藏猫腻,小编详细说明a...
透视透视!德普之星私人局辅助器... 透视透视!德普之星私人局辅助器(透视)私人局辅助器(真是真的是有挂)1、德普之星私人局辅助器ai辅助...
透视教学!aapoker辅助软... 透视教学!aapoker辅助软件合法吗(透视)插件(其实存在有挂)1、起透看视 aapoker辅助软...
透视了解!德扑圈透视挂(透视)... 透视了解!德扑圈透视挂(透视)app安卓版破解版(一贯真的有挂);1、德扑圈透视挂ai辅助优化,德扑...
透视ai代打!aapoker透... 透视ai代打!aapoker透视方法(透视)万能辅助器(竟然有挂)aapoker透视方法辅助器中分为...
透视系统!德普辅助器辅助器怎么... 透视系统!德普辅助器辅助器怎么用(透视)透视辅助(一贯有挂);1、德普辅助器辅助器怎么用ai机器人多...
透视有挂!aapoker安装包... 透视有挂!aapoker安装包怎么使用(透视)真的假的(竟然是真的有挂)进入游戏-大厅左侧-新手福利...
透视系统!德普之星app安卓版... 透视系统!德普之星app安卓版破解版(透视)私人局透视(真是存在有挂)1、游戏颠覆性的策略玩法,独创...
透视最新!aapoker辅助插... 透视最新!aapoker辅助插件工具(透视)透视脚本入口(好像是真的有挂)1、任何aapoker辅助...
透视好牌!德普之星透视免费(透... 透视好牌!德普之星透视免费(透视)透视辅助插件(本来真的有挂)1、起透看视 德普之星透视免费透明视辅...