CODEWITHSUNDEEP
angularionic2ionic2-select
inoxe
inoxe

Reputation: 89

ionic 2 : Filtering

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>

Upvotes: 1

Views: 674

Answers (2)

ionx
ionx

Reputation: 116

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

Upvotes: 2

amin arghavani
amin arghavani

Reputation: 1883

the fast way is this:

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

but you can convert the content.price in ts file

Upvotes: 2

Related Questions