Wie kann ich Touchend erkennen oder das Ende eines Bereichs ändern?

Question

Ich benutze AngularJS mit Ionic Framework. Ich entwickle eine Live-Kommunikationsanwendung.

Ich habe einen Bereich Schieberegler ionic docu. Wenn ich ng-change bei jedem Schritt benutze ruft mein Callback auf, aber ich möchte nur das Endergebnis übertragen. Auf dem Desktop kann ich ng-mouseup verwenden, aber ich kann keine Lösung auf mobilen Geräten finden. Eine Verzögerung zu erzeugen ist keine Lösung für mich, weil sie schnell sein muss.

Answer 1

Sie können versuchen, die On-Release-Event-Direktive Ionic bietet zu verwenden. Das folgende Beispiel ist nicht getestet, sollte Ihnen aber eine Idee geben.

http://ionicframework.com/docs/api/directive/onRelease/

Markup

<div class="range"> 
    <i class="icon ion-volume-low"></i> 
    <input type="range" name="volume" ng-model="temp.volume" on-release="onRelease()"> 
    <i class="icon ion-volume-high"></i> 
</div> 

-Controller

angular.module('App').controller(function ($scope) { 
    $scope.onRelease = function() { 
    $scope.volume = $scope.temp.volume; 
    }; 
});