вставить значение ионного диапазона в ручку ионного диапазона

Question

я пытаюсь построить пользовательский диапазон ионов следующим образом:

вопрос в том, как вставить значение диапазона ионов внутри ион-ручка диапазона ?

я использую ionic v3, вот мой код

<ion-item>
<ion-label>step=100, snaps, </ion-label>
<ion-range min="0" max="10" step="1" snaps="true" color="secondary" 
[(ngModel)]="singleValue4">
</ion-range>

вот мой результат:

Answer 1

решено с модификацией scss, вот мой код

<ion-item>
<ion-label>step=100, snaps, </ion-label>
<ion-range min="0" max="10" step="1" snaps="true" pin="true" color="secondary" [(ngModel)]="singleValue4"></ion-range>

.range-md .range-pin {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform        : translate3d(0, 0, 0) scale(1);
    top: 10px;
    z-index: 999;
    background: transparent;
    transform: rotate(0);
}

.range-md .range-pin::before
{
    border-radius: 50% !important;
    transform: rotate(0);
}

вот мой результат: