Как сопоставить динамические данные с соответствующими заголовками в угловой таблице материалов? У меня есть случай, когда данные фильтруются по категории (в parcelItems всегда будет 2 категории, но не отсортированные), что-то вроде ниже. В этом случае заголовками являются Одежда и Аксессуары. Ответ API не отсортирован в бэкэнде. Как я могу этого добиться?
Вот код: stackblitz
Образец
|---------------------|------------------------------|
| Heading 1 (Wears) | Heading 2 (Accessories) |
|---------------------|------------------------------|
| jeans | earphones |
|---------------------|------------------------------|
| t-shirt | motherboard |
|---------------------|------------------------------|
sample.json
const ELEMENT_DATA: Array<Data> = [
{
fname: "Mark",
lname: "jhony",
parcels: [
{
parcelId: 123,
parcelName: "parcel1",
parcelItems: [
{
name: "jeans",
category: "wears",
qty: 2
},
{
name: "earphones",
category: "accessories",
qty: 4
},
]
},
{
parcelId: 144,
parcelName: "parcel2",
parcelItems: [
{
name: "motherboard",
category: "accessories",
qty: 5
},
{
name: "t-shirt",
category: "wears",
qty: 7
},
]
}
]
}
];