は未定義

Question

のプロパティ 'フィルタ' を読み取ることができません私のテンプレートは以下のように、見え

テンプレート：

<input #input placeholder="Search" id="search"> 
    <div class="item" *ngFor="let item of data | searchPipe: input.value"> 
     {{item}} 
    </div> 

と私はここでの問題何SearchPipe

@Pipe({ 
    name: 'searchPipe', 
    pure: false 
}) 
export class SearchPipe implements PipeTransform { 
    transform(data: any[], searchTerm: string): any[] { 
     searchTerm = searchTerm.toUpperCase(); 
     return data.filter(item => { 
     return item.toUpperCase().indexOf(searchTerm) !== -1 
     }); 
    } 
} 

ためのコンポーネントがありますか？

export class SearchPipe implements PipeTransform { 
    transform(data: any[], searchTerm: string): any[] { 
    if(!data) return []; 
    searchTerm = searchTerm.toUpperCase(); 
    return data.filter(item => { 
     return item.toUpperCase().indexOf(searchTerm) !== -1 
    }); 
    } 
} 

Answer 1

着信データがnullだったとフィルター方法は、エラーの原因となったデータを、期待していた：

Answer 2

これを試してみてください。

transform(items: any[], filterQuery: any): any[] { 
     if (!filterQuery) return items; 
     return items.filter(function(item){ 
      return item.whateverProperty.toLowerCase().includes(filterQuery.toLowerCase()); 
     }) 
    }