Tengo un componente de tabla <app-root-table></app-root-table>
y desea insertar dentro de la tabla un componente de característica <app-table-insert></app-table-insert>
<table mat-table [dataSource]="tableData$" class="mat-elevation-z8"> <ng-container matColumnDef="{{ column }}" *ngFor="let column of tableColumnNames$ | async" > <th mat-header-cell *matHeaderCellDef>{{ column }}</th> <td mat-cell *matCellDef="let element">{{ element[column] }}</td> </ng-container> <tr mat-header-row *matHeaderRowDef="tableColumnNames$ | async"></tr> <app-table-insert [tableData$]="tableData$" [tableColumnNames$]="tableColumnNames$" ></app-table-insert> <ng-container *ngIf="false"> <tr mat-row *matRowDef="let row; columns: tableColumnNames$ | async" class="example-detail-row" ></tr> </ng-container> </table>el componente se carga pero no aparece en el DOM, ¿por qué?
MatTable selecciona directivas específicas dentro de su contenido ng. Desafortunadamente, no puede agregar cualquier etiqueta y hacer que se muestre (pruebe esto con una etiqueta ap o simplemente con texto sin formato).