Question

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

我的滑码是：

    <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

您可以在输入中添加ng-model，例如ng-model="sliderrange"，并在html的任何位置以{{sliderrange}}显示，如下所示：

<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}}

我还建议您使用$scope.sliderrange = 5;在控制器中设置值，这样该值将显示在范围init上。否则，在用户第一次使用滑块后，该值将显示。

Answer 2

在离子3中，我已经达到了这个目的。

apiRequest

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

2 个答案: