ionic 2 : 过滤

Question

我有一个带有价格标签的项目列表，顶部有一个 select 选项，现在我想显示价格高于 selected 选项的项目。这是我的代码，如果我 select 10000 那么我将得到所有超过 10000 的项目，但我也得到一些少于 10000 的项目，例如：6520、9200 等。我认为它只比较第一个数字，请让我知道我哪里出错了。谢谢。

     <ion-item>
        <ion-label>Price</ion-label>
        <ion-select [(ngModel)]="pricefilter">
          <ion-option value="1000">more than 1000</ion-option>
          <ion-option value="5000">more than 5000</ion-option>
          <ion-option value="10000">more than 10000</ion-option>
          <ion-option value="15000">more than 15000</ion-option>
          <ion-option value="20000">more than 20000</ion-option>
        </ion-select>
      </ion-item> 

     <div  *ngFor = ' let content of data ' >
      <ion-card  *ngIf=" (  pricefilter=='' || pricefilter <= content.price )  " > 
        <ion-card-content>       
          <h1> {{ content.price }}
        </ion-card-content>
      </ion-card>
    </div>

Answer 1

快速的方法是这样的：

<ion-card *ngIf="(pricefilter=='' || pricefilter <= content.price*1 )">

但是你可以在ts文件中转换content.price

Answer 2

你试试这个

<ion-card *ngIf="(pricefilter=='' || pricefilter <= content.price*1 )">

content.price*1 这将使它成为一个数字，这将很好地分叉

ionic 2 : 过滤

ionic 2 : Filtering

ionic2

ionic2-select

angular