Angular 4 如何使用 NgComponentOutlet 将数据传递到动态组件中

Question

我发现了这个类似的问题。 angular 4+ assign @Input for ngComponentOutlet dynamically created component

但是已经快一个月了。有什么变化吗？

基本上，我按照本指南创建了一个动态组件:https://angular.io/docs/ts/latest/cookbook/dynamic-component-loader.html

通过这种方法，我可以为动态组件赋值:
(<AdComponent>componentRef.instance).data = adItem.data;


开箱即用的 NgComponentOutlet 仍然无法为动态组件赋值吗？ ( https://angular.io/docs/ts/latest/api/common/index/NgComponentOutlet-directive.html )

Answer 1

您可以像这样传入自定义注入(inject)器 - https://github.com/angular/angular/issues/16373#issuecomment-306544456

这是一种 hack，所以我们最终使用了这个库-

https://www.npmjs.com/package/ng-dynamic-component

像魅力一样工作!