Блог

Я создал свою пользовательскую таблицу, используя angular material.

это исходный код.

Я пытаюсь добавить опцию для передачи пользовательского шаблона строки, чтобы мне его отправили таким образом:

 <my-table [dataSource]="data">
  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</my-table>
 

Итак, я добавил @ContentChildren(MatRowDef) row: MatRowDef<any>; в свой компонент таблицы и пытаюсь использовать его в шаблоне:

 <ng-container *ngIf="row; else defaultRowTemplate" [ngTemplateOutlet]="row.template">
</ng-container> 
<ng-template #defaultRowTemplate>
  <tr  mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</ng-template>
 

но это не работает, есть какой-то способ сделать это правильно?

ссылка на stackblitz.