ionic2のvirtualScrollでパイプ（フィルター）を使用する方法

Question

VirtualScrollに使用したいフィルター（パイプ）があります。

<ion-item *ngFor="#item of items | myPipe : criteria">....</ion-item>

それは同様<ion-item *virtualItem="#item" > ...</ion-item>とのパイプを使用することが可能である：私はVirtualScrollを使用する前に、私は式を使用してion-itemにforループの正常を持っていましたか？または、代わりにコントローラーのリストでパイプを実行する必要がありますか？私の代わりにコントローラにパイプを使用して終了

Answer 1

は、そうのようfilteredItemsリストを作成する：そして

filteredItems = new MyPipe().transform(this.items, ["criteria"]);

、Iは、元のリストの代わりに、VirtualScrollにfilteredItemsを表示：

<ion-list [virtualScroll]="filteredItems"> 
    <ion-item *virtualItem="#item"> 
    </ion-item> 
</ion-list> 

Answer 2

角度rc3のパイプフィルタの使用例を次に示します。

<ion-list [virtualScroll]="items | SearchPipe:searchBar | SortItems:orderType"> 
    <button ion-item *virtualItem="let item"> 
     <span [innerHtml]='item.Name | BoldPipe:searchbar'></span> 
     <span [innerHtml]='item.Code | BoldPipe:searchbar'></span> 
    </button> 
</ion-list> 

パイプはアイテムではなくリストに適用する必要があります。

ジョン（良い答え）によって投稿答えをあなたはそれがレンダリング