如何檢測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; 
    }; 
});