angular2でネストされたフィルタを使用する方法

Question

オブジェクトの配列にカスタムフィルタを実装したいと思います。

let obj = [{ 
     flag: true 
     note: "asdasd" 
     id: "we" 
     name: "tt1" 
     list: [{ 
      "id" : 1, 
      "detail" : "asdasda" 
      }, 
      { 
      "id" : 2, 
      "detail" : "asdasda" 
     }] 
    }, 
{ 
     flag: false 
     note: "asdasd" 
     id: "we" 
     name: "tt1" 
     list: [{ 
      "id" : 1, 
      "detail" : "asdasda" 
      }, 
      { 
      "id" : 2, 
      "detail" : "asdasda" 
     }] 
    } 
     ] 

ユーザーの検索は、ID = 1のために、私は、検索フラグの上に最初に行われます

[{ 
    flag: true 
    note: "asdasd" 
    id: "we" 
    name: "tt1" 
    list: [{ 
     "id" : 1, 
     "detail" : "asdasda" 
     }] 
}] 

のように入れたいとき===真が、その後、それらのオブジェクトのIDにフラグがあります本当。

@Pipeを次のようにパイプのための私のコードがある（{ 名： 'パイプ' }）

export class PipeNew implements PipeTransform { 

    transform(value: any, search: any): any { 

    let filteredArray = value 
     .filter((element) => { 
     if (element.flag) 
      return element ; 
     }) 
     .filter((element) => 
     element.list.some(listObj => (listObj.id.indexOf(search) > -1))) 
     .map((element) => { 
     let newElt = Object.assign({}, element); 
     return newElt.list.filter(obj => (obj.id.indexOf(search) > -1)) 
     }); 

     return filteredArray; 
    } 
} 

しかし、私は唯一以下のように置くアウトを取得しています

[{ 
     "id" : 1, 
     "detail" : "asdasda" 
     }] 

予想

[{ 
    flag: true 
    note: "asdasd" 
    id: "we" 
    name: "tt1" 
    list: [{ 
     "id" : 1, 
     "detail" : "asdasda" 
     }] 
}] 

ありがとう;）

Answer 1

マッピング前にリストIDの結果をフィルタリングしているため、返す行をフィルタリングする必要はありません。私はあなたがこのラインでフィルタを必要としないと思う

let filteredArray = value.filter((element) => { 
    if (element.flag){ 
     return element.list.filter((item)=> { 
      return item.id.indexOf(search) > -1; 
     }); 
     } 
    }).map((element) => { 
    let newElt = Object.assign({}, element); 
    return newElt; 
});