イオン2エラー（例外TypeError：未定義のプロパティ「フィルタ」を読むことができません）

Question

こんにちは私は、アレイパイプフィルターをしようとしてionic 2(version released 2.0)とangular 2(version core 2.2.1)を使用していますが、そのは常にエラー を示しするプロパティを読み取ることができません未定義

の「フィルタ」

import { Pipe ,PipeTransform } from '@angular/core'; 
@Pipe({ name: 'fetch', pure: false }) 
export class Search implements PipeTransform { 

transform(items:Array, conditions:{[field:string]:any}):Array { 
    return items.filter(item => { for (let field in conditions) { 
     if (item[field] !== conditions[field]) { 
     return false; 
     } 
     } 
     return true; 
    }); 
} 
} 

HTML

`<ion-content> 
 
<ion-searchbar [(ngModel)]="term" [showCancelButton]="true"></ion-searchbar> 
 
     <ion-grid class="category"> 
 
     <ion-row text-center wrap> 
 
     <ion-col width-33 *ngFor="let d of total|fetch:term"> 
 
<p> {{d.name}} </p> 
 
     </ion-col> 
 
    </ion-row> 
 
    </ion-grid> 
 
</ion-content>` 
 

 
JSON responce code in total array [{id:1 ,name:"abc" },{id:2 ,name:"xyz" }]

Answer 1

コードが完成していないため推測しようとしています。

データを取得するためにhttpリクエストを使用していますか？その場合にはこの方法で最初の項目をチェックする必要があるので：

if (items==null) { 
     return null; 
    } 

完全なコード：HTML部分で、その後

transform(items: Array<any>, conditions: {[field: string]: any}): Array<any> { 
    if (items==null) { 
     return null; 
    } 

    return items.filter(item => { 
     for (let field in conditions) { 

      if (item[field] !== conditions[field]) { 
       return false; 
      } 
     } 
     return true; 
    }); 
} 

、あなたはフィルタリングしようとしている場合は、{{d.name} }、あなたのパイプによると、私はあなたがこのような何かを書かなければならないと思う：

*ngFor="let d of total|fetch:{name:term}" 

・ホープ、このヘルプ