Angular-使用如何调用使用ng-dynamic-component

Question

我正在使用npm软件包ng-dynamic-component创建动态组件。

我处于一种情况下，我想使用此程序包在动态创建的组件上调用特定功能。

我已经尝试了许多不同的方法，但到目前为止没有找到解决方法。

有没有人知道是否可以在使用上述包动态创建的组件上调用函数？

谢谢：）

Answer 1

ng-dynamic-component具有一个“组件创建事件” ndcDynamicCreated，该事件传递一个ComponentRef<any>作为参数。

从文档中

@Component({
  selector: 'my-component',
  template: `<ndc-dynamic [ndcDynamicComponent]="component"
                          (ndcDynamicCreated)="componentCreated($event)"
                          ></ndc-dynamic>`
})
class MyComponent {
  component = MyDynamicComponent1;
  componentCreated(compRef: ComponentRef<any>) {
    // utilize compRef in some way ...
  }
}

在您的情况下，以某种方式使用compRef会调用compRef.instance属性的函数。