如何在步进器上为每个步骤加载一个动态组件

Question

我的问题是，我必须在模板上步进器的每一步动态加载数组的一个组件。

我按照 Angular 指南将动态组件加载到模板中，但现在我只能将数组中的所有组件渲染到步进器的第一步中，就像其他步骤没有锚元素或我无法定位该锚元素一样。

我做了一个非功能性的Stackblitz来展示我需要实现的目标。关于如何做到这一点的任何线索？

https://stackblitz.com/edit/angular-1hulxp

Answer 1

实际上，您应该寻找的是内容投影，而不是组件的动态加载。

在动态加载的情况下，可以在同一位置加载多个组件。

但是，如果我正确理解您的要求，您希望在不同的地方加载不同的组件，即步进器的不同部分。对于这种情况，您必须使用内容投影。内容投影早期(在angularjs中(称为transclusion。