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
我在 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