javascript - 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 的函数您的情况下的属性(property)。