离子3如何隐藏2个值

时间:2019-05-02 14:31:46

标签: angular ionic-framework

我正在显示一些物品,但我需要隐藏一些物品。我为此使用[hidden]来隐藏1个项目。我需要隐藏2个项目。

  <div *ngIf="service.categories" class="category-name">
    <ion-item tappable full menuClose *ngFor="let item of 
  service.mainCategories" (click)="getCategory(item.id, item.slug, 
  item.name)"[hidden]="item.name == 
  'Smart Watches' && 'Accessories'">
      <ion-icon item-right *ngIf="values?.settings?.app_dir == 'left'" 
  class="ion-ios-arrow-forward item-icon"></ion-icon>
       <ion-icon item-right *ngIf="values?.settings?.app_dir == 'right'" 
 class="ion-ios-arrow-back item-icon"></ion-icon>
      <span [innerHTML]="item.name"></span>     
    </ion-item>
  </div>

getCategory(id, slug, name) {
    this.items = [];
    this.items.id = id;
    this.items.slug = slug;
    this.items.name = name;
    this.items.categories =  this.service.categories.filter(item => 
    item.parent === parseInt(id));
    this.nav.setRoot(ProductsPage, this.items);
 }

如果我使用[hidden]="item.name == 'Accesories'"的隐藏配件,我也需要隐藏智能手表。如果可能的话,通过过滤器也可以只隐藏2个项目。谢谢

0 个答案:

没有答案