我想将来自 API 的传入文本呈现为后续的 HTML 和组件模板。我在这里找到的大多数解决方案都使用 @ViewChild 来注入组件，但这对我不起作用，因为我需要为 *ngFor 循环中的所有项目迭代相同的行为。
这就是代码的样子：
渲染传入消息的组件模板：
<div *ngFor="let item of messages">
<compile-component [template]="item.html"></compile-component>
</div>
传入消息结构（item.html）：
<my-component></my-component><div>Some html</div>
要编译的组件：
@Component({
selector: 'my-component',
template: '<div>It works</div>',
styleUrls: ['./my-component.component.css']
})
export class MyComponent{ }
输出如下所示：
<div>It works</div><div>Some html</div>
我在这里寻找编译组件的解决方案。任何帮助深表感谢。提前致谢。