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

  // 设置每个步骤的状态

相关内容

热门资讯

揭秘!雀神微信小程序开挂(辅助... 大家肯定在之前雀神微信小程序开挂或者雀神微信小程序开挂中玩过揭秘!雀神微信小程序开挂(辅助挂)竟然真...
四分钟实锤!wepoke挂真的... 四分钟实锤!wepoke挂真的(辅助挂)软件透明挂((2023已更新))(哔哩哔哩);一、wepok...
透视数据!wpk游戏是否有挂!... 透视数据!wpk游戏是否有挂!的确真的有挂((2023已更新))(哔哩哔哩);wpk软件透明挂作为一...
透视有挂!元来黄冈麻将听牌器(... 透视有挂!元来黄冈麻将听牌器(辅助挂)其实真的有挂(有挂秘笈)-哔哩哔哩科技教程也叫必备教程,这是一...
透明软件!雀神广东麻雀辅助器(... 透明软件!雀神广东麻雀辅助器(辅助挂)的确是真的有挂(证实有挂)-哔哩哔哩这是由厦门游乐互动科技有限...
三分钟科普!来玩app辅助(辅... 三分钟科普!来玩app辅助(辅助挂)透视辅助((2020已更新))(哔哩哔哩)1、超多福利:超高返利...
重大科普!陕西微乐麻将助赢神器... 重大科普!陕西微乐麻将助赢神器(辅助挂)竟然是真的有挂(有挂解惑)-哔哩哔哩;致您一封信;亲爱陕西微...
教程辅助!aapoker安卓版... 教程辅助!aapoker安卓版辅助!果真是真的有挂((2025已更新))(哔哩哔哩);亲,其实确实真...
两分钟了解!微扑克全自动机器人... 两分钟了解!微扑克全自动机器人(辅助挂)软件透明挂((2024已更新))(哔哩哔哩);无聊就玩这款微...
重大推荐!德州app辅助工具!... 重大推荐!德州app辅助工具!原来真的有挂((2024已更新))(哔哩哔哩);最新版2024是一款经...