angular ngFor array中同样的只显示一次

Question

有一个array是这样子

[
 {
    id:1,
    info: {name:"abc"}
    show: true
 },
{
    id:2,
    info: {name:"abc"}
    show: true
 },
{
    id:3,
    info: {name:"qq"}
    show: true
 }
]



<!-- HTML -->
<ng-container *ngFor="let tests of test;>
    {{oddsTable.id}}
    {{oddsTable.info.name}}
</ng-container>

然后我希望ngFor時，同样的info.name只显示一次，不要重复显示，这该怎么实现?

最后显示出来，要这样
1 abc
2
3 qq

Answer 1

数据做预处理吧。除非相同名字的两个数据一定是前后关系，那就可以通过判断来过滤掉。

Answer 2

对数据进行预处理，或者用样式表的 sibling seletor 去实现

Answer 3

对angular了解不深，我记得有个自定义管道可以处理这个逻辑，或者在循环前先处理数据