angular - 如何为步进器上的每一步加载一个动态组件

Question

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

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

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

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

Answer 1

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

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

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