Question

如何动态过滤离子中的多个值。如代码所示，我要过滤以表格形式输入的数据并显示过滤数据列表。根据json中所选的国籍和最低-最高价格过滤数据，并显示它。

html file : 
<ion-content>
<ion-item>
<ion-label>Nationalities</ion-label>
<ion-select [(ngModel)]="nationality" multiple="true">
<ion-select-option>German</ion-select-option>
<ion-select-option>Japanese</ion-select-option>
<ion-select-option>Korean</ion-select-option>
<ion-select-option>Indian</ion-select-option>
</ion-select>
</ion-item>
<ion-item margin-bottom>
<ion-label>
<ion-text>Min/Max Price:</ion-text>
</ion-label>
<ion-range dualKnobs="true" [(ngModel)]="minmaxprice" min="10" max="1000" step="10" class="no-padding-top">
<ion-label slot="start"><ion-text>$ {{minmaxprice.lower}}</ion-text></ion-label>
<ion-label slot="end"><ion-text>$ {{minmaxprice.upper}}</ion-text></ion-label>
</ion-range>
</ion-item>

<ion-button expand="full" (click)="searchOnClose()">Filter Results</ion-button>
</ion-content>

ts file

public nationality;
public minmaxprice = {
    upper: 500,
    lower: 10
  };
searchOnClose(){
  this.information = this.information.filter((organisation) => {
 return (organisation.nationality.toLowerCase().indexOf(this.nationality.toLowerCase()) > -1)
     })
}

如何动态过滤多个值？

0 个答案: