javascript - 如何隐藏选项中的文本 ionic2

Question

如何隐藏文本 ion-option 。我想隐藏或删除一些文本以在 ionic 选项中显示。 (不删除数据)因为我想保存供用户选择它

<ion-select [(ngModel)]="refine" (ionChange)="optionsFn(item, i);" >
        <ion-option [value]="item"  *ngFor="let item of totalfilter ;let i = index" >
          {{item["@NAME"]}}
        </ion-option>
      </ion-select>

和

this.totalfilter = data.json().FACETLIST.FACET;
          for(let x of this.totalfilter) {
            if(x["@NAME"] == 'local3' || x["@NAME"] == 'Local3') {
              x["@NAME"].hide(); //// this error i have no idea to hide this text
            }

          }

我想要

my ion-option show           I want ion-option show
==================           ======================
book                         book
pen                          pen
school                       school
local3

Answer 1

您可以使用filter方法并将结果存储在另一个列表中

public availableOptions: Array<any>;

// ...

this.totalfilter = data.json().FACETLIST.FACET;

// The next line will remove Local3, local3, LOCAL3, and so on (just in case)
this.availableOptions = this.totalfilter.filter(option => option["@NAME"].toLowerCase() !== 'local3');

然后在您的 View 中使用该属性

<ion-select [(ngModel)]="refine" (ionChange)="optionsFn(item, i);" >
    <ion-option [value]="item"  *ngFor="let item of availableOptions ;let i = index" >
       {{item["@NAME"]}}
    </ion-option>
 </ion-select>