Text for range slider


#1

Hi, slowly coming to grips with ionic through trial and terror…

I wish to have a range layout as shown in the Range API, but with a more descriptive text (full sentence). The interaction, including the values at the right (eg, Brightness"), should remain the same. My current code:

  • home.ts, fragment
    export class HomePage {
    singleValue: number;
    constructor(private nav: NavController) {
    this.singleValue = 75;
    }
    }

  • home.html, fragment
    ion-list>
    h5>some text</h5
    ion-item>
    ion-range [(ngModel)]=“singleValue” min=0 max=100 danger pin=“false” secondary></ion-range
    ion-item>
    ion-list>
    (all is decent HTML)

thanks