如何使用Angular Material Stepper动态加载步骤

Question

我想动态地加载步骤，就像我在“产品”组件下有两个步骤标签一样

1. 提供详细信息（应加载提供的详细信息组件）
2. 添加用户（应该显示添加用户组件）

因此步进器应仅显示2步。

再次

我有Datasourceaccess组件，并且下面有3个步骤，因此我想构建可重用的stepper组件，该组件可被任何组件使用，并应根据组件显示步骤。

下方的堆栈闪电链接，展示了上述问题

StackBlitz： https://stackblitz.com/edit/angular-4xg2no

好，我正在研究sharedwizard.component和sharedWizard.componet.html

Answer 1

您可以使用[selectedIndex]="stepIndex"，并使用组件的控制器按预期更新stepIndex