Displaying values from dual knob range?

    <ion-item>
    <ion-badge color="primary">{{this.timeMin2}}</ion-badge>
    </ion-item>
    <ion-item>
    <ion-badge color="primary" item-right>{{this.timeMax2}}</ion-badge>
    </ion-item>
    </ion-row>
    <ion-range dualKnobs="true" [min]=timeMin [max]=timeMax step="3" 
      snaps="true" [(ngModel)]="time" (ionChange)="setBadge(time)" ></ion-range>

time: any;
timeMin: any = 100;
timeMax: any = 200;
timeMin2: any;
timeMax2: any;
 
    constructor(){

        this.timeMin2 = this.timeMin;
        this.timeMax2 = this.timeMax;

    }

   setBadge(time) {
      this.timeMin2 = time.lower;
      this.timeMax2 = time.upper;
  }
3 Likes