Angular2 listSearchPipe数组的用法

时间:2018-08-10 07:04:24

标签: angular search ngfor

<div class="ui left icon input search-box">
  <input class="input" type="text" placeholder="{{ 'Search name' | translate }}" [(ngModel)]="searchText">
  <i class="search icon" style="left: auto;"></i>
</div>

<div>
  <div *ngFor="let k of fruits | listSearchPipe:'name':searchText | listSortPipe:'name';">
    <div class="iq-accordion-title iq-theme-title-admin"
         (click)="selectFruit(k)"
         [ngClass]="{'active': k.id === id}">
      <mat-icon class="iq-accordion-icon-left" svgIcon="cards-outline"></mat-icon>
      <span class="iq-accordion-span">{{k.name}}</span>
    </div>
  </div>
</div>

我有上面的代码,该代码根据名称执行搜索。我的Fruit对象还具有tag字段,该字段是string的列表。

现在,我想做的就是为基于标签的搜索创建搜索功能。例如,当选择一个标签时,说“红色”,我想显示包含标签“红色”的对象。如何使用类似于上面的代码来实现此目的。预先感谢。

0 个答案:

没有答案