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

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