从CDK Overlay Portal获取对组件的引用-Java 学习之路

我正在使用服务来使用组件门户实例化Angular Material CDK Overlays .

创建门户并将其附加到覆盖后，是否有任何方法可以访问门户创建的组件的组件引用？我希望能够从外部收听该组件的事件 . 例如：

const portal = new ComponentPortal(MyCoolComponent, /* ...etc */);
this.overlay.attach(portal);
// I'd like to be able to do something like...
// portal.MyCoolComponent.someEventEmitter.subscribe();

我已经搜索了文档和来源，找不到办法做到这一点 . 我可能不得不求助于从服务中注入一个非常混乱的组件回调 .

有谁知道如何做到这一点？

1 回答

8
OverlayRef.attach 方法返回 ComponentRef . ComponentRef 有一个属性 instance ，它是组件的一个实例 . ComponentRef 可以是通用的，因此您知道内部组件的类型 .

见OverlayRef source code中的第60行
```
attach<T>(portal: ComponentPortal<T>): ComponentRef<T>;
```
所以你可以在你的代码中做到这一点
```
const portal = new ComponentPortal(MyCoolComponent, ...etc);
const compRef: ComponentRef<MyCoolComponent> = this.overlay.attach(portal);

compRef.instance.someEventEmitter.subscribe();
```
回复于 2024-05-04T14:59:29+08:00

从CDK Overlay Portal获取对组件的引用

1 回答

相关问题