Quantcast
Channel: Recent Questions - Stack Overflow
Viewing all articles
Browse latest Browse all 18185

Pass data back from cdkPortalOutlet ComponentPortal to parent component

$
0
0

I have tried to use this method cdkPortalOutlet with ComponentPortal, and I used Injector.create to pass data from parent to portal component it works fine.

I want to pass data back from portal component to parent component

html

<div><ng-template [cdkPortalOutlet]="defaultComponent"></ng-template></div>

ts

defaultComponent!: Portal<any>;ngViewInit(): void {  this._loadDefaultCompnent(data);}private _loadDefaultCompnent(data: any) {    const _data = this._getPortalComponentData();    this.defaultComponent = this._getProtalComponent(_data);}private _getPortalComponentDatat(data: any) {    return new ComponentPortal(portalComponent, null, this._portalInjector(data));}private _getPortaComponentData() {    return {      data: this.list    };}private _portalInjector(data: any) {    return Injector.create({      providers: [{ provide: PORTAL_DATA, useValue: data }]    });  }

How to pass data back from portal component to parent component?


Viewing all articles
Browse latest Browse all 18185

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>