Ion-range not working

Ionic Framework ionic-v3
6

i think i get it.

You want to set the initial value of the slider?

in that case:

html:

<ion-item>
             <ion-range [(ngModel)]="happy" min=myRange.lower max=myRange.upper>
                 <ion-icon range-left small name="sunny"></ion-icon>
                 <ion-icon range-right name="sunny"></ion-icon>
              </ion-range>
</ion-item>

set the max and min:

this.myRange= {"lower": "0", "upper": "20"};

and set the initial value:

export class SuggestionsPage {

    happy: any = {'lower':5};

}

if you have a dual slider and want to set the second range too

happy: any = {'lower':5, 'upper':20};

if you don’t set max and min values these will be 0 and 100 respectively