问题标签 [mat-stepper]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3135 浏览

angular - 有没有办法在每个 mat-step 中延迟加载组件?

我正在尝试实现一个 mat-stepper,它在每个步骤中都有不同的组件。我需要将数据从第一步传递到下一步,所以我基本上使用@ViewChild 和@Input 来做到这一点。但是,我希望每个步骤中的组件仅在控件移动到该步骤时才被初始化,而不是在最开始时。我尝试使用内部组件,就像我们将如何延迟加载 mat-tabs 一样,但它似乎不起作用。有解决方法吗?

0 投票
1 回答
515 浏览

css - mat-stepper 无法与 viewEncapsulation.None 一起正常工作

我有以下组件设置

devis.component.ts

devis.component.html

我希望步骤的内容是全高的,但在那之前,它不能。

所以我添加了以下 css 规则并将其设置viewEncapsulationNone.

devis.component.scss

然后第一步正确地获得了样式。但是当我移动到其他步骤时,什么都没有。

mat-horizontal-stepper是 100% 的高度,但它的内容甚至没有显示。在检查器中可以看到 #content 上的内联样式,但不应用包含它的所有内容。

0 投票
1 回答
933 浏览

angular - Ionic 5 中的 MatStepperModule 无法获取

我是编程新手,我的问题对你来说可能很容易回答。

我正在使用 Visual Studio Code、Ionic 5、Angular 9

现在我想在我的项目中添加一个垂直步进器。所以我首先做了 npm install @angular/material

然后在中添加 MatStepperModule app.module.ts

这是在我的HTML文件中:

并且在routing.module.ts

所以现在 Visual Studio Code 中没有错误消息,但是如果我运行 ionic serve,我只会得到:

不能获取 /

我错过了什么?为什么这不起作用?

0 投票
1 回答
336 浏览

android - Android Material Stepper 在导航回视图后显示空视图

我正在使用Android Material Stepper Library,它在片段中第一次初始化时工作正常,但是当我回到片段时它显示空视图我已经尝试了一切试图释放步进布局删除所有视图和其他所有我可以但仍然相同的反应

这是我初始化步进器的地方

我已经尝试了所有这些但仍然没有得到它

在此处输入图像描述

这是我在初始化片段时第一次得到的

在此处输入图像描述

这是我第二次重新导航到片段

这就是我通过导航地图使用 android x 导航控制器导航到片段的方式

0 投票
1 回答
438 浏览

angular - 如何在 mat-stepper 中销毁组件

我的 . 有一些问题mat-stepper,其中每个步骤都是一个新组件。

我的问题是,ngOnDestroy()在我的mat-stepper.

我的步进器如下: HTML:

打字稿:

我错过了什么吗?

0 投票
2 回答
861 浏览

angular - Angular 材料步进器在 ng 服务期间不会编译

我是角度材料设计的新手,我正在使用角度 cli 进行开发。

我已经坚持了几个小时,这是最新版本的角度材料设计的错误吗?

我有:

  • 删除了我的 package-lock.json
  • 删除了 node_modules
  • 已安装 npm

我在执行 ng 服务时收到以下错误:

我的 package.json 是:

我的 app.module.ts 是:

0 投票
0 回答
121 浏览

css - 我想以角度构建像这样的 Mat stepper

这是用于选择状态的 css 我需要构建类似于这张图片的步进器不知道从哪里开始以及使用什么

在此处输入图像描述

我已经使用 mat-icon 来显示图标和上面的 css 来格式化它们

0 投票
2 回答
617 浏览

css - 如何从 mat-stepper 中消除涟漪效应

tihs 是当您将鼠标悬停在 matstepper 上时的效果无法弄清楚如何禁用此效果 在此处输入图像描述 想要从 mat-stepper 中删除涟漪效果或焦点效果或可滚动效果请帮助我在这里
我已经尝试了所有无法计算的方法它像涟漪效应透明和焦点指示器

0 投票
1 回答
230 浏览

angular - 如何找到以前选择的角度垫步进器索引

当用户在角度垫步进器中从第 4 步导航到第 2 步时,我需要在第 2 步中禁用几个按钮。我正在尝试执行类似于如果 selectedIndex = 1 并且先前选择的索引是 3 个禁用按钮的操作。但是有什么方法可以检查之前选择的索引是 3 吗?!

0 投票
0 回答
102 浏览

angular - 如何对垫子步进器进行组件测试?

我有以下垫步步骤:

如何进行单元测试以检查是否单击了下一步按钮,它实际上移动到下一个索引?