ngbmodal 问题中的 mat-stepper

mat-stepper inside a ngbmodal issue

我在 ngbmodal 中使用了垫步进器,我的目标是创建步进器功能。然而,我需要的步骤不是线性的,您可以根据选择来回移动。

例如
步骤 1

按钮 - 点击进入第 2 步
按钮 - 单击以转到步骤 3

第 2 步

按钮 - 点击进入第 4 步
按钮 - 单击以转到步骤 5

步骤 3

按钮 - 点击进入第 1 步
按钮 - 单击以转到步骤 2

我将步进器声明为

@ViewChild('stepper') stepper:Matstepper;

对于跳跃,我使用步进器作为 id 然后调用
this.stepper.selectedIndex =(所需步骤索引);

然而,当代码运行时,我得到 "this.stepper" 未定义,因此出现 "cannot set selectedIndex of undefined".

之类的错误

有条件地打开模态。但是,即使模式打开时也会抛出错误,您可以在页面上看到 mat-stepper,这意味着它现在也出现在 DOM 中。

我哪里做错了?

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

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