Angular2 加载组件动态失败

Question

在我看来，我想以duynam的方式加载组件，这就是我尝试过的

在我的 HTML 文件中

<p>
<dynamic-component [componentData]="componentData"></dynamic-component>
</p>

然后在我的 ts 文件中，我有

export class ChatCmpComponent implements OnInit {
private componentData = null;
ngOnInit() {
this.componentData  = {
component: ChatInitButtonComponent,
};
}

现在收到一个错误

Can't bind to 'componentData' since it isn't a known property of 'dynamic-
component'.
1. If 'dynamic-component' is an Angular component and it has 
'componentData' input, then verify that it is part of this module.

可能出了什么问题，如何动态加载组件

Answer 1

您需要使用ng-template并创建一个自定义指令，该指令允许您通过引用ViewContainerRef注入组件

有关更多信息和示例，请尝试此处：

https://angular.io/guide/dynamic-component-loader