Angular 使用*Ng渲染角度html标记

我想知道是否有一种方法可以使用ngFor渲染组件，就像中的代码一样

总而言之，我想做这样的事情

假设已创建组件，并且tabs变量如下所示：

选项卡=[
{标题：“经理”，标签：“打印机”}，
{标题：“阿塔克地图”，标签：“攻击”}，
{标题：“Alerta de Vuelos”，标签：“航班”}
];

ngFor语句是正确的，但这里的问题是标签

<app-{{item.tab}}></app-{{item.tab}}>

app item tap可以是带有输入装饰器的通用组件 比如：

查看角度文档，尤其是@Input和@Output装饰程序中的角度文档。

假设（基于您的代码示例）每个选项卡都有自定义组件（例如

，

，

），您可以使用

*ngSwitch

结构指令来实现您的目标：

---

谢谢，这正是我想要的！

<app-generic-tap [itemTap]="item.tap"><app-generic-tap>