無法讀取的特性 '過濾器' 未定義

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 
     }); 
    } 
} 

有什麼問題嗎？

Answer 1

傳入數據爲空，並且過濾器的方法期待的數據，這導致錯誤。

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

Answer 2

嘗試這種情況：

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 
    }); 
    } 
}