如何为Click上的向导添加动态向导步骤

时间:2019-05-07 14:57:05

标签: angular typescript angular7

我正在将angular2 +与angular-archwizard组件/库一起使用。

我想实现这样的功能,例如,我有一个带有简单向导的模态,该向导有2个步骤。当用户在向导中打开第一步时,他或她可以单击“ 添加”或“ 下一步”按钮。

如果用户单击“添加”按钮,我想以与用户单击“添加”之前几乎相同的形式向向导添加新步骤,并且具有与以前相同的所有字段,只是没有这些字段中的任何内容。

我想将一个新项目推送到另一个向导步骤,因为如果所有这些都将在一个步骤中完成,那么它可能会变得一团糟。

从功能方面的“添加”按钮可以说,在不关闭向导的情况下添加n个以上的订单,因此它可能是n个以上的步骤,具体取决于用户要为此特定购买创建多少个订单。

如果用户单击“下一步”,它将继续执行流程。

Stackblitz示例-Simple code example

ATM:我当时正在考虑将简单的表单与表单数组一起使用,当用户单击“添加”时,我只是向表单数组中添加了一个新组,我们有n +个具有组/表单数组的不同表单。

一些想法: 是否可以为此添加隐藏步骤?当用户单击“添加” [awGoToStep] =“ {stepIndex:2}时,我们会迫使用户转到特定的隐藏步骤”?或者也许禁用/隐藏导航栏,然后使用[awGoToStep]来动态创建/添加这些步骤。为此,甚至可以使用angular-archwizard吗?

0 个答案:

没有答案
相关问题