Javascript 如何隐藏文本离子选项ionic2
如何隐藏文本选项。 我想隐藏或删除一些文本以显示在ion选项中。(不删除数据) 因为我想为用户保存选择它Javascript 如何隐藏文本离子选项ionic2,javascript,angular,typescript,ionic-framework,ionic2,Javascript,Angular,Typescript,Ionic Framework,Ionic2,如何隐藏文本选项。 我想隐藏或删除一些文本以显示在ion选项中。(不删除数据) 因为我想为用户保存选择它 <ion-select [(ngModel)]="refine" (ionChange)="optionsFn(item, i);" > <ion-option [value]="item" *ngFor="let item of totalfilter ;let i = index" > {{item["@NAME"]}}
<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>
我想要
my ion-option show I want ion-option show
================== ======================
book book
pen pen
school school
local3
您可以使用
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');
公共可用选项:数组;
// ...
this.totalfilter=data.json().FACETLIST.FACET;
//下一行将删除Local3、Local3、Local3等等(以防万一)
this.availableOptions=this.totalfilter.filter(option=>option[“@NAME”].toLowerCase()!==“local3”);
然后在视图中使用该属性
<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>
{{item[“@NAME”]}
我想您是在问如何修改选项的文本。这将在控制器中(在数据对象上)完成,或者只使用多个选项并根据需要切换它们可能更简单。无论如何,你不应该在视图中显示和隐藏任何内容。我想隐藏一些文本,因为我想保存以供用户选择。很抱歉,我的英语不好。请更新你的帖子以更好地解释场景。描述用户交互过程。我编辑帖子
<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>