ngbmodal 问题中的 mat-stepper答案

【问题标题】：mat-stepper inside a ngbmodal issuengbmodal 问题中的 mat-stepper
【发布时间】：2020-04-19 15:56:51
【问题描述】：

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

举例
第一步

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

第 2 步

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

第 3 步

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

我将步进器声明为

@ViewChild('stepper') 步进器:Matstepper;

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

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

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

我在这里做错了什么？

【问题讨论】：

【解决方案1】：

如果有人遇到问题，我已经找到了解决方案。

我在 html 元素本身上使用 selectedIndex 属性，而不是使用选择器和 viewchild

【讨论】：