1

我有一个带有价格标签的项目列表，我在顶部有一个选择选项，现在我想显示价格高于所选选项的项目。这是我的代码，如果我选择 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>
4

2 回答 2

2

你试试这个

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

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

于 2017-03-15T08:10:50.800 回答
2

快速的方法是这样的：

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

但您可以转换 ts 文件中的 content.price

于 2016-12-29T11:42:49.463 回答