AngularMaterial的mat-stepper无法处理具有4个子项的情况。
创始人
2024-10-28 09:01:12
0

要解决这个问题,我们可以在使用Angular Material的mat-stepper时进行以下步骤:

  1. 在html文件中,确保我们的mat-stepper属性中使用了必要的引用和其他属性。例如:

First Step

Step 1 Content Here

Second Step

Step 2 Content Here

Third Step

Step 3 Content Here

Fourth Step

Step 4 Content Here

  1. 确保我们的mat-stepper中有一个正确的ng-container。例如:

  1. 在对应的组件.ts文件中,创建一个名为stepperContent的属性并使用ViewChild来引用我们的HTML元素。例如:

import { Component, ViewChild } from '@angular/core'; import {MatHorizontalStepper} from '@angular/material/stepper';

@Component({ selector: 'app-stepper-component', templateUrl: './stepper.component.html', styleUrls: ['./stepper.component.css'] }) export class StepperComponent {

@ViewChild('stepperContent') stepperContent;

}

  1. 最后,确保我们的mat-step中使用正确的selector。例如:

Step 1

Step 2

相关内容

热门资讯

来临!兴动互娱辅助工具(辅助)... 来临!兴动互娱辅助工具(辅助)都是真的是有辅助安装(确实有挂)-哔哩哔哩亲,关键说明,兴动互娱辅助工...
据通报!约局吧德州透视,金州水... 据通报!约局吧德州透视,金州水鱼挂怎么购买,教材辅助app(的确有挂)-哔哩哔哩暗藏猫腻,小编详细说...
有消息称!拱趴大菠萝辅助器最新... 有消息称!拱趴大菠萝辅助器最新更新内容介绍(辅助)竟然有挂辅助平台(有挂功能)-哔哩哔哩进入游戏-大...
黑科技辅助挂!sohoopok... 黑科技辅助挂!sohoopoker辅助,蜀山四川辅助,机巧辅助教程(竟然有挂)-哔哩哔哩1、黑科技辅...
有消息称!新海贝之城游戏攻略(... 有消息称!新海贝之城游戏攻略(辅助)原来真的是有辅助app(有挂方略)-哔哩哔哩1、下载好新海贝之城...
据目击者称!德州透视插件,科乐... 据目击者称!德州透视插件,科乐填大坑作必弊码,总结辅助插件(有挂存在)-哔哩哔哩1、科乐填大坑作必弊...
为切实保障!老友广东麻将有挂吗... 为切实保障!老友广东麻将有挂吗(辅助)真是有挂辅助下载(新版有挂)-哔哩哔哩1、完成老友广东麻将有挂...
技巧辅助挂!pokerworl... 技巧辅助挂!pokerworld修改器,科乐天天踢有没有作比,要领辅助器(有挂技术)-哔哩哔哩科乐天...
此事备受玩家关注!多乐游戏小程... 此事备受玩家关注!多乐游戏小程序辅助(辅助)一直是有辅助神器(有挂规律)-哔哩哔哩1、下载好多乐游戏...
2026版复盘!werplan... 2026版复盘!werplan外开挂,红龙poker辅助,绝活儿辅助攻略(确实有挂)-哔哩哔哩1.红...