angular7 - イオン：問題

Question

現在の範囲値を表示するためにイオン範囲ノブ (シングル ノブまたはデュアル ノブ) をカスタマイズしようとしていますが、成功しませんでした。

ノブを押すと値付きのピンが表示されますが、選択するとピンが消えます。ノブのクリック時にのみ表示するのではなく、ピンを一定に保とうとしましたが、それも成功しませんでした。

範囲バーの開始位置と終了位置にも値を表示できます。しかし、範囲バーの開始位置と終了位置に範囲の下限値と上限値を表示することを好みます。だから、これは私にはうまくいきませんでした..

ノブをカスタマイズして下限値と上限値を表示する方法を探しています。

私の現在のコードは以下の通りです

          <ion-range
             class="padding"
             [(ngModel)]="rangeValue"
             dualKnobs="true"
             pin="true"
             min="{{ rangeData.min }}"
             max="{{ rangeData.max }}"
             (ngModelChange)="onValueChange($event)"
           >
              <ion-note slot="start">{{ rangeData.min }}</ion-note>
              <ion-note slot="end">{{ rangeData.max }}</ion-note>
           </ion-range>