Ion-range with selected value in ionic 4

Ionic Framework
3

See here:

All you need is the template:

<ion-item>
    <ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true" [value]="{ lower: 30, upper: 45 }"></ion-range>
  </ion-item>

And then you can add property ‘value’ bound to both knobs according to docs.
You can surely bind this to a property inside your component.

1 Like