複数のオブジェクトの配列をフィルタリングすることができない - IONIC 2

Question

私は私のlist.tsファイルにこのコードを使用してアレイ

this.items = [ 
    'Amsterdam', 
    'Bogota', 
    'India' 
]; 

下にフィルタリングすることができる午前：

if (val && val.trim() != '') { 
    this.items = this.items.filter((item) => { 
    return (item.toLowerCase().indexOf(val.toLowerCase()) > -1); 
    }) 
} 

が要件 - 私はデータを取得しています複数の結果を持つ配列を返すjsonから、以下に示すhtmlとconsoleのイメージ。問題は、私はこのフィルタはどうすればよいです -

私は以下のコード使用してJSONからデータをフェッチしています：私はthis.listをフィルタリングする

this._listProduct.listProduct().subscribe(data => { 
    this.list = data; 
console.log(data); 

を、どのように

画像をガイドしてください。 list.htmlおよびconsole.log

あなたの参照のためlist.htmlコード：

UPDATE 1： 私はコードの下に使用してみましたが、それは私にエラーを与えている - list.toLowerCase is not a function

コード試してみました -

if (val && val.trim() != '') { 
    this.list = this.list.filter((list) => { 
    return (list.toLowerCase().indexOf(val.toLowerCase()) > -1); 
    }) 
} 

Answer 1

より多くの条件を追加します。フィルタを使用してオブジェクトをフィルタリングします。検索語を名前、商品サービス、カテゴリと比較するコードをPFBで指定します。

this.items = this.items.filter((item) => { 
    return ((item.name.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1) || 
(item.productservice .toLowerCase().indexOf(searchTerm.toLowerCase()) > -1) || 
(item.category .toLowerCase().indexOf(searchTerm.toLowerCase()) > -1)); 
    })