Моделирование данных, полученных из HTTP, для создания динамической таблицы Material 2
Несколько дней подряд я пытаюсь создать динамическую таблицу соответствия на основе данных, которые я получаю через HTTP. Все идет нормально. Я использовал этот стек в качестве примера.
В шаблоне таблица генерируется так:
<ng-container *ngFor="let column of displayedColumns$.value" cdkColumnDef="{{column}}">
<th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>
<td cdk-cell *cdkCellDef="let row"> {{row.attributes[column]}} </td>
</ng-container>
Теперь у меня есть одна проблема. Я хочу иметь возможность смоделировать данные, которые я получаю, прежде чем положить их на стол. Например, просматривая данные стекаблиц, я хочу объединить два столбца "Создано" и "Состояние", чтобы отобразить их в одном столбце под названием "Статус".
Или, например, я хотел бы изменить формат даты без использования | труба даты в шаблоне.
До:
| Created | State | # | Title
Nov 30, 2018 open 14339 fix(cdk/stepper): exported ...
После:
| Status | # | Title
Nov 30, 2018 open 14339 fix(cdk/stepper): exported ...
Все эти усилия направлены на то, чтобы иметь возможность создать табличный сервис, в котором я бы передавал API и конфигурацию таблицы, поэтому на основе этой конфигурации будет отображаться таблица... У кого-нибудь есть идеи, как мне подходить к этому?