Ionic swipe to increase issue

I'm new to ionic. I want to create a view that has volume increase decrease like swipes. But here instead of volume i want to increase and decrease numbers upon swiping. I'll post a picture to explain better.Here when i move loan amount swipe to right the amount should increase and left to decrease.I think you get the idea now.Please help.

enter image description here

Could you not use Range controls? http://ionicframework.com/docs/components/#range

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