在Angular中动态加载组件

时间:2018-08-21 12:18:16

标签: angular angular-dynamic-components

我目前正在处理一个应用程序,该应用程序使用角垫表显示一个表。我希望每个单元格的内容都可以动态添加。因此,在我的html代码中,我在单元格区域中添加了一个锚元素。通常,我一直遵循文档(https://angular.io/guide/dynamic-component-loader)中的描述。仅因为我有多个模板,所以我使用的是ViewChildren而不是ViewChild。因此,我必须订阅ViewChildren的查询列表,以便在添加它们后得到通知。列表初始化后,我想动态地加载我实际上想要的组件。如https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4中所述,这会导致ExpressionChangedAfterItHasBeenCheckedError错误,因为我在订阅调用中更明确地将组件加载到on change挂钩中。我可以使用本文中介绍的解决方法来解决此问题,例如调用detectChanges(),但这不能解决常规设置的问题,这对我来说是不对的。有没有一种可行的方法来解决这个问题?我使用要实现的https://stackblitz.com/edit/angular-gitter-mc3xdi的简化版本创建了这个stackblitz。它是为重新编译文档https://stackblitz.com/angular/eaaeaqnnaqxg

的示例而构建的

0 个答案:

没有答案