ngFor可以把数组做分类吗?

Question

假设有一个数组是这样

[
    {eid: 1, name: aa},
    {eid: 1, name: bb},
    {eid: 2, name: cc},
    {eid: 1, name: dd},
    {eid: 3, name: ee},
    {eid: 1, name: ff},
    {eid: 2, name: gg}
]

如果我想要让他跑ngFor时

将这数组依照eid分类显示 能做到吗?

最终显示出来结果要这样

1 aa
1 bb
1 dd
1 ff

2 cc
2 gg

3 ee

Answer 1

数据预处理，排个序。

arr.sort((c, n) => c.eid < n.eid ? -1 : c.eid > n.eid ? 1 : 0)

Answer 2

ngFor应该只能顺序的渲染，没办法改变DOM结构