我有一个类似于whatsapp的聊天案例，其中许多类型的消息需要以不同的方式显示。
每个人都有自己的组件，如TextMessageComponent，FileMessageComponent等。
我希望能够ngFor一次处理我的消息数组而不必ngIf遍历类型。
我听说ngComponentOutlet可能是解决方案，但发现很难实现。
任何建议，迷你演示或您发现有用的任何东西，将不胜感激！
在对象上具有属性应该可以帮助您
<div *ngFor="let item of items" style="border: solid 1px; padding: 20px;margin: 20px;">
<span style="color:red"> {{item.name}} </span>
<ng-container *ngComponentOutlet="item.component"><ng-container>
<br>
</div>
数组对象应为
items:Array<any> = [
{
name: 'slider'
component: sliderComponent
},
{
name: 'user'
component: usersComponent
},
{
name: 'slider'
component: sliderComponent
},
{
name: 'alert danger'
component: AlertDangerComponent
}
]
通过在AppModule中使用它们来确保已加载所有组件
entryComponents: [AlertDangerComponent, AlertSuccessComponent, usersComponent, sliderComponent ]
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句