angular - mat-list 按同一类别排列，标题应该出现一次

Question

我有一个垫子列表，我正在显示类别和名称以及其中的数据。请注意 stackblitz： https ://stackblitz.com/edit/angular-material-list-krzxrz?file=app%2Fapp.component.ts

我需要安排的是使类别Fruits作为标题，其下带有水果名称，然后与vegetables.

标签： angularangular-material2

Answer 1

如果您想要实现的是在具有该类别名称的标题下显示类别的每个项目，则可能的方法是simpleItems按名称对对象数组 ( ) 进行分组，然后使用keyvalue管道打印键和元素。

这是一个 Stackblitz 示例。

希望这可以帮助。