如何检测Touchend或更改范围值的结束？

Question

我正在使用带有离子框架的AngularJS。我正在开发一个实时通信应用程序。

我有一个范围滑块ionic docu。如果我使用ng-change每一步调用我的回调函数，但我只想传递最终结果。在桌面上，我可以使用ng-mouseup，但无法在移动设备上找到解决方案。创建延迟对我来说不是解决方案，因为它必须很快。

Answer 1

您可以尝试使用Ionic提供的on-release事件指令。下面的例子未经测试，但应该给你一个想法。

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

标记

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

控制器

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