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

Question

我希望我的代码在我的 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>

我的代码需要哪些更改？

Answer 1

在ionic 3中，我是这样实现的。

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