Jquery 如何在ionic框架中滑动范围滑块时显示值？

我希望我的代码在我的ionic应用程序中滑动滑块时显示范围值（在滑块本身上）

我的滑块代码是：

    <h5>Scale</h5>
    <div class="item range">
        <i>1</i>
        <input type="range" id="inputRange" name="volume" min="1" max="10">
        <i>10</i>
    </div>

比例
1.
10

---

“我的代码”中需要进行哪些更改？

您可以将ng模型添加到输入中，例如

ng model=“slideerrage”

并使用

{{slideerrage}

将其显示在html中的任意位置，如下所示：

<h5>Scale</h5>
<div class="item range">
  <i>1</i>
  <input type="range" id="inputRange" ng-model="sliderrange" name="volume" min="1" max="10">
  <i>10</i>    
</div>

{{sliderrange}}

比例
1.
10
{{slideerrage}}

---

我还建议将控制器中的值设置为

$scope.slideerrage=5将在scope init上显示该值。否则，在用户第一次使用滑块后，该值就会显示出来。
在ionic 3中，我是这样实现的

<ion-badge>{{knobValues}}</ion-badge>
<ion-range min="1" max="100" step="1" [(ngModel)]="knobValues"></ion-range>

{{knobValues}
尝试：“pin”属性：如果为真，则按下旋钮时会显示一个整数值的pin。默认为false。请参阅：也在.ts文件中添加KnobValue