如何使用带有离子2的virtualScroll的管道(过滤器)

Question

我有一个过滤器(管道)，我想在VirtualScroll上使用。在使用VirtualScroll之前，我使用以下公式对ion-item进行了正常的for-循环：

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

在<ion-item *virtualItem="#item" > ...</ion-item>中也可以使用管道吗？或者我必须在控制器中做列表上的管道吗？

Answer 1

最后，我在控制器中使用了一个管道，创建了如下所示的filteredItems列表：

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

然后，我将filteredItems显示在VirtualScroll中，而不是原来的列表：

<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>

管道应该应用在列表上，而不是项上。

John发布的答案(很好的答案)，但您必须在每次更改检测时激活它，而不是将其作为呈现的一部分。