angular - 在动态创建的组件angular 2中调用方法

Question

我需要从触发的事件中动态添加组件，我设法让它与 loadasroot 和 loadnexttolocation 一起工作，但问题是那些只返回对 ComponentRef 的 promise ，我找不到访问属性和调用的方法添加组件中的方法。我读过一些关于 loadintolocation 的帖子，但似乎他们在发布候选人后删除了它？

Answer 1

现在您可以通过这种方式使用 ComponentResolver 类。在 ComponentRef 实例上，您可以访问新创建的组件的属性和方法。

@ViewChild('target', {read: ViewContainerRef}) target;

constructor(private resolver: ComponentResolver) {}

createComponent() {
  this.resolver.resolveComponent(MyComp).then(
    (factory:ComponentFactory<any>) => {
      var cmpRef = this.target.createComponent(factory);
      var cmp = cmpRef.instance;
    });
}