ionic 2 : Filtering

Question

i have a list of items with a price tag and i have a select option at the top , now i want to display item which has the price more than the selected option . this my code if i select 10000 then i will get all items more than 10000 but i also get few items lessthan 10000 for example : 6520 , 9200 etc . i think its comparing only 1st number ,plz let me know where am i going wrong . thank you .

     <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

ya try out this

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

content.price*1 this will make it a number , this will fork fine

Answer 2

the fast way is this:

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

but you can convert the content.price in ts file