Я создаю приложение Angular Материал 2 с таблицей на основе примера примеров материалов: https://stackblitz.com/angular/bvvykqlpxav?file=src%2Fapp%2Ftable-dynamic-columns-example.tsyed
Мне нужно выделить содержимое некоторых столбцов (булевы типизированные). Я подумал об использовании для этой цели компонентного мат-чипа.
В другом посте я видел, что это возможно в целом: Для отображения матовых чипов внутри компонента таблицы
Моя проблема заключается в следующем:
Поскольку я динамически добавляю / удаляю столбцы в таблицу, я не могу «предопределить» их в HTML с правильным содержанием. Обычно он определяется путем перебора переменной columsToDisplay:
<ng-container matColumnDef="{{column}}" *ngFor="let column of columnsToDisplay">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{column}} </th>
<td mat-cell *matCellDef="let element">{{element[column]}}</td>
</ng-container>
Добавление / удаление столбцов привязано к событию MatSlideToggleChange, которое обновляет переменную columsToDisplay отображаемыми столбцами.
Как создать пользовательские ячейки в динамической c таблице материалов?