离子滑动以增加问题

Question

我是离子新人。我想创建一个像滑动一样增加音量的视图。但在这里，而不是体积，我想在刷卡时增加和减少数字。我会张贴一张图片以便更好地解释。当我将贷款金额向右滑动时，金额应该增加并且还会减少。我想你现在明白了。请帮忙。

Answer 1

你能否使用Range控件？ http://ionicframework.com/docs/components/#range

Answer 2

    <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/1.0.0-beta.12/css/ionic.css">
    <script src="http://code.ionicframework.com/1.0.0-beta.12/js/ionic.bundle.js"></script>

    <div class="range">
        <input id="rang" type="range" name="volume" oninput="showVal(this.value)" onchange="showVal(this.value)"/>
    </div>
    <span id="valBox"></span>
           <script>
    var val = document.getElementById("rang").value;
    document.getElementById("valBox").innerHTML=val;
    function showVal(newVal){
      document.getElementById("valBox").innerHTML=newVal;
    }
           </script>