如何使用 Angular material 步进器动态加载步进

Question

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

1. 产品详细信息（它应该加载产品详细信息组件）
2. 添加用户（它应该显示添加用户组件）

所以步进器应该只显示 2 个步骤。

我再次有 Datasourceaccess 组件，在该组件下有 3 个步骤，所以我想构建可重用的步进器组件，它可以被任何组件使用，并且应该根据组件显示步骤。

下面的堆栈闪电战 link，展示了上面的问题

堆栈闪电战： https://stackblitz.com/edit/angular-4xg2no

Fyi，我正在处理 sharedwizard.component 和 sharedWizard.componet.html

Answer 1

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