问题标签 [mat-stepper]

我使用角度材料库创建了一个简单的角度应用程序，其中我使用了对话框组件。当用户打开对话框时，它将具有角材料的步进组件。它有 3 个步骤。每个步骤都有角度反应形式。我面临的问题是，当用户打开对话框焦点直接在步进器标题的第一步上完成。我想在第一步中专注于反应形式的第一种形式控制。

在component.ts文件中，我写了

在ngAfterViewInit方法中，我在名称变量上调用了焦点方法，例如：

它可以工作，但是我得到的输出就像它首先关注FormControl然后再将焦点移到步进头的第一步。我应该如何防止步进头的第一步集中注意力并首先关注FormControl？

我想知道如何在 Angular Material Stepper 中跳过一步更改。

我看到的每个“解决方案”都不起作用。我还尝试将有关某些条件的步骤设置为可编辑 = 假。但这意味着，如果用户触摸一次，则该步骤无法编辑。用editable=false初始化的步骤可以编辑:(

如果值等于“停止”，我想跳过步骤更改。

堆栈闪电战

对于需要以下用例：

用户会看到一个带有许多输入字段、复选框等的自定义公式。如果他进行了更改但没有提交更改并且他将单击另一个对话框，那么应该检查他是否更改了值。如果是，则会弹出一个确认对话框。在此对话框中，将询问用户是否放弃更改。如果他说不，那么当前选择的步骤不应该离开。这在我的应用程序中对我有用，但问题是动画无论如何都完成了，所以它在视觉上缝合了用户在下一步。

我正在使用角度 8.2.4 和水平垫步进器。我已经在每个步骤中自定义了图标，并且一旦访问了每个步骤，我就不需要显示“勾号”图标（对应于完成状态）。这就是它现在的样子。

我已经删除了the matStepperIcon="done"。

如何避免显示完成状态的图标并保持自定义默认图标不变而不显示“勾号”图标？

我正在使用 Angular Material 设计库的 mat-stepper。

我使用 4 个单独的 FormGroups。我会发送前 3 个 formGroup 的信息来组合，而 4 个是分开的。在第三阶段单击提交按钮 3 个表单组被组合并发送到一个 api 和第 4 个表单组系列详细信息要发送到另一个 api。并且有任何解决方案..感谢您的提前

模板

stackblits 示例 https://stackblitz.com/edit/angular-rcotij

我正在使用基于组件的 mat stepper 组件来显示线性过程。每个步骤都有自己的组件，如下所示

步骤 1 显示项目的多选列表，并将所选项目列表传递到下一个步骤 2，并在步骤 2 中添加每个项目的数量。

如何在下一步单击从步骤 1 到步骤 2 传递所选项目并显示传递的项目以在步骤 2 中输入数量？

我创建了一个通用服务层来设置和获取选定的项目。ngOnInit步骤 2 的组件试图从公共服务中获取所选列表，但问题是组件 2 在下次单击之前已经启动。

在步骤1中单击下一步后可以初始化或重新初始化第二个组件吗？

从步骤 1 移动后，如何在步骤 2 中显示所选项目列表？

对于上述情况，最好的方法是什么？

只是指向可以回答我的问题的任何参考的链接，就足够了。

谢谢你。

我的应用程序中有一些水平步进器，我想在其中一个中将内容高度设置为 100%。

我做不到

我想更新 mat-h​​orizo​​ntal-content-container 和 .mat-h​​orizo​​ntal-stepper-content 类应该可以工作，但是我的其他步进器会受到影响。这是一种方法吗？

有一个工作示例

https://stackblitz.com/edit/angular-zcvugh?file=src%2Fapp%2Fapp.component.html

目前，我有一个垂直垫步机。它使用 *ngFor 填充这些步骤。

所以，我想检测这个步进器的开始和这个步进器的结束以用作变量。目前，我正在使用变量作为计数器。我增加和减少它来检测垫步。但我想要一个好的解决方案。那么有没有人可以帮助我解决这个问题？

我在 ngbmodal 中有一个使用过的垫子步进器，我的目标是创建一个步进器功能。但是我需要的步骤不是线性的，并且基于您可能来回选择的选择。

例如
步骤 1

按钮 - 点击进入第 2 步
按钮 - 点击进入第 3 步

第2步

按钮 - 单击以转到第 4 步
按钮-单击以转到第 5 步

第 3 步

按钮 - 单击以转到第 1 步
按钮-单击以转到第 2 步

我将步进器声明为

@ViewChild('stepper') 步进器：Matstepper；

对于跳跃，我使用步进器作为 id，然后调用
this.stepper.selectedIndex = (required step index);

但是，当代码运行时，我将“this.stepper”视为未定义，因此出现“无法设置未定义的 selectedIndex”之类的错误。

模态是有条件地打开的。然而，即使模式打开并且您可以在页面上看到 mat-stepper，也会引发错误，这意味着它现在也存在于 DOM 中。

我在这里做错了什么。？

请检查我的代码片段stackblitz

我有三个垫步。我需要在某些条件下禁用第 2 步，并且需要允许我在没有该条件的情况下进入第 3 步。例如，如果我在第一步中有一个表格，如果该表格仅有效，我可以进入第二步，但如果该表格也无效，我可以进入第三步。