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

标签 angular typescript angular-material2 angular-dynamic-components mat-stepper

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

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

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

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

最佳答案

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

在动态加载的情况下,可以在同一个地方加载多个组件。

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

关于angular - 如何在步进器上为每一步加载一个动态组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52093213/

相关文章:

angular - 引用错误 : google is not defined on using PrimeNG GMap

css - 自定义 Ng-Bootstrap Carousel,显示图像和描述字段

unit-testing - 在 TypeScript 中为抽象类创建扩展匿名类

html - Angular Flex 布局不适用于子组件

Angular Material - MdInput 到 MatInputModule?

php - 如何使用 Angular4 进行 Codeigniter View ?

javascript - Angular 2 Kendo UI 上的日期时间过滤器

angular - 更新到 Angular 9 和 raw-loader 不再工作

javascript - 如何在nestjs中执行嵌套路由?

javascript - 打开日历时 Angular Material Datepicker 设计问题