Question

我有一个带有价格标签的商品列表，我在顶部有一个选择选项，现在我想显示价格高于所选商品的商品。这个我的代码，如果我选择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这将使它成为一个数字，这将很好地分叉

离子2：过滤

2 个答案: