问题标签 [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.
angular - 有没有办法在每个 mat-step 中延迟加载组件?
我正在尝试实现一个 mat-stepper,它在每个步骤中都有不同的组件。我需要将数据从第一步传递到下一步,所以我基本上使用@ViewChild 和@Input 来做到这一点。但是,我希望每个步骤中的组件仅在控件移动到该步骤时才被初始化,而不是在最开始时。我尝试使用内部组件,就像我们将如何延迟加载 mat-tabs 一样,但它似乎不起作用。有解决方法吗?
css - mat-stepper 无法与 viewEncapsulation.None 一起正常工作
我有以下组件设置
devis.component.ts
devis.component.html
我希望步骤的内容是全高的,但在那之前,它不能。
所以我添加了以下 css 规则并将其设置viewEncapsulation
为None
.
devis.component.scss
然后第一步正确地获得了样式。但是当我移动到其他步骤时,什么都没有。
这mat-horizontal-stepper
是 100% 的高度,但它的内容甚至没有显示。在检查器中可以看到 #content 上的内联样式,但不应用包含它的所有内容。
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,我只会得到:
不能获取 /
我错过了什么?为什么这不起作用?
angular - 如何在 mat-stepper 中销毁组件
我的 . 有一些问题mat-stepper
,其中每个步骤都是一个新组件。
我的问题是,ngOnDestroy()
在我的mat-stepper
.
我的步进器如下: HTML:
打字稿:
我错过了什么吗?
angular - Angular 材料步进器在 ng 服务期间不会编译
我是角度材料设计的新手,我正在使用角度 cli 进行开发。
我已经坚持了几个小时,这是最新版本的角度材料设计的错误吗?
我有:
- 删除了我的 package-lock.json
- 删除了 node_modules
- 已安装 npm
我在执行 ng 服务时收到以下错误:
我的 package.json 是:
我的 app.module.ts 是:
angular - 如何找到以前选择的角度垫步进器索引
当用户在角度垫步进器中从第 4 步导航到第 2 步时,我需要在第 2 步中禁用几个按钮。我正在尝试执行类似于如果 selectedIndex = 1 并且先前选择的索引是 3 个禁用按钮的操作。但是有什么方法可以检查之前选择的索引是 3 吗?!
angular - 如何对垫子步进器进行组件测试?
我有以下垫步步骤:
如何进行单元测试以检查是否单击了下一步按钮,它实际上移动到下一个索引?