Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何隐藏文本离子选项ionic2_Javascript_Angular_Typescript_Ionic Framework_Ionic2 - Fatal编程技术网

Javascript 如何隐藏文本离子选项ionic2

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选项中。(不删除数据) 因为我想为用户保存选择它

<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>