Estoy tratando de adjuntar un componente dinámicamente como hermano del ag-grid-angular. He escrito una directiva de atributo que se encuentra en la parte superior de la cuadrícula y en la directiva viewContainerRef se inyecta como se muestra a continuación.

 <ag-grid-angular tableDirective style="width: 100%;height:100%" class="ag-theme-balham" [rowData]="rowData" [suppressDragLeaveHidesColumns]="true" [getContextMenuItems]="getContextMenuItems" [enableRangeSelection]="true" [rowClassRules]="rowClassRules" [columnDefs]="columnDefs" [suppressMakeColumnVisibleAfterUnGroup]="true" [rowGroupPanelShow]="rowGroupPanelShow" (gridReady)="onGridReady($event)" [defaultColDef]="defaultColDef" [components]="components" [frameworkComponents]="frameworkComponents" [context]="context"> </ag-grid-angular>

Dentro de la directiva tengo un constructor como este.

 @Directive({ selector: 'tableDirective' }) class TableDirective(){ constructor(private viewContainerRef: ViewContainerRef){} attachComponent(component: any, options) { const toolTipComponentFactory = this.componentFactoryResolver .resolveComponentFactory(component); this.viewContainerRef.createComponent(toolTipComponentFactory ); } }

Tengo una función para adjuntar un componente en algún evento de mi elección. Pero no puedo adjuntar dinámicamente y, en caso de que el componente se adjunte, se adjunta en algún lugar aleatorio. ¿Alguien podría ayudar? Gracias por adelantado.