Angular 7搜索过滤器用于动态嵌套对象

Question

在我的Angular 7项目中，我获得了使用* ngFor显示的以下JSON数据（嵌套结构）。

JSON

[
 {
     1: [
        { 
            "name" : "A"
        },
        { 
            "name" : "B"
        },
        { 
            "name" : "C"
        }
     ],

     2: [
        { 
            "name" : "D"
        },
        { 
            "name" : "E"
        },
        { 
            "name" : "A"
        }
     ]
 }
]

显示代码

<div *ngFor="let data of result | keyvalue">
        <div> 
                {{data.key}}
        </div>
        <div *ngFor="let innerData of data.value;">
           {{innerData.name}}
        </div>
</div>

我想使用角度管道对嵌套数据结构进行过滤。例如：如果我给出名称“A”的值。结果如下。

预期的过滤结果

[
 {
     1: [
        { 
            "name" : "A"
        }
     ],

     2: [
        { 
            "name" : "A"
        }
     ]
 }
]

有人帮我吗？

Answer 1

是否有一些理由过滤它？如果你只是不想在某些条件下显示元素，我认为*ngIf不是一个糟糕的选择。

TS：

searchOption = ''

HTML：

    <div *ngFor="let innerData of data.value;">
      <ng-container *ngIf="innerData.name === searchOption">
        {{innerData.name}}
      </ng-container>
    </div>