将内容添加到动态创建的选项卡 - Angular 7答案

【问题标题】：Add content to dynamically created tabs - Angular 7将内容添加到动态创建的选项卡 - Angular 7
【发布时间】：2019-07-16 17:25:54
【问题描述】：

所以我有一个页面，我在其中根据导航选择动态创建选项卡。我想知道如何将我需要的组件添加/加载到我刚刚创建的选项卡中。我一直在四处寻找，我已经登陆并尝试使用选择器，但我不确定我做得对，或者即使这是最好的方法。

我不想用一堆代码弄乱这篇文章，所以我创建了一个我在这里尝试过的示例：https://stackblitz.com/edit/angular-jx4zxb

我感觉这条线不对，但我不确定。

<ng-content select="[tab.selector]"></ng-content>

感谢您的帮助！

【问题讨论】：

你能用<ng-container *ngComponentOutlet="tab.selector"></ng-container>吗，比如stackblitz.com/edit/…
这几乎可以完美运行。只需要修改它来缩放。谢谢！

【解决方案1】：

ABOS 在 cmets 中回答了我的问题。他们在这里提供了我编辑的 stackblitz 的链接：https://stackblitz.com/edit/angular-jx4zxb-saeflu?file=app%2Ftab-group-dynamic-example.html

与我的原始版本相比有一些更改，因此请务必全部获取。

【讨论】：