Fatal编程技术网
  • ionic2/
  • 如何将管道（过滤器）与ionic2'一起使用；s virtualScroll

如何将管道（过滤器）与ionic2'一起使用；s virtualScroll

ionic2

如何将管道（过滤器）与ionic2'一起使用；s virtualScroll,ionic2,Ionic2,我有一个过滤器（管道），我想用在一台机器上。在我使用VirtualScroll之前，我在ion项上有一个正常的for循环，使用以下公式： … 是否也可以将管道与…一起使用？或者我必须在控制器中执行列表中的管道吗？我最终在控制器中使用了管道，创建了一个filteredItems列表，如下所示： filteredItems=newmypipe（）.transform（this.items，[“criteria”]） 然后，我在VirtualScroll中显示filteredItems，而不是原始列表

我有一个过滤器（管道），我想用在一台机器上。在我使用
VirtualScroll
之前，我在
ion项上有一个正常的for循环，使用以下公式：


…


是否也可以将管道与
…
一起使用？或者我必须在控制器中执行列表中的管道吗？
我最终在控制器中使用了管道，创建了一个filteredItems列表，如下所示：


filteredItems=newmypipe（）.transform（this.items，[“criteria”]）

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


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



以下是使用带有角度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发布的答案（一个好答案），但您必须在每次检测到更改时激活它，而不是将其作为渲染的一部分
我将尝试您的解决方案，看看它是否适用于我的示例。更好的解决方案是直接在列表上使用筛选器，而不是在控制器中维护filteredList。自从我发布这个问题以来，Angular 2和Ionic中也有一些更新。