mat-list организован под той же категорией и заголовок должен прийти один раз

Question

У меня есть список соответствия, и я показываю категорию и имя с данными в нем. Пожалуйста, обратите внимание на стекаблиц: https://stackblitz.com/edit/angular-material-list-krzxrz?file=app%2Fapp.component.ts

Мне нужно организовать так, чтобы категория Fruits начиналась с заголовка с названиями фруктов, а затем с vegetables.

Answer 1

Если вы хотите отобразить каждый элемент категории под заголовком с именем этой категории, возможный подход - сгруппировать массив объектов (simpleItems) по имени, а затем использовать keyvalue канал для распечатайте ключ, за которым следуют элементы.

Вот пример Stackblitz .

Надеюсь, это поможет.