如何检测Touchend或更改范围值?

时间:2014-11-05 17:25:42

标签: javascript angularjs ionic-framework angularjs-ng-change

我将AngularJS与Ionic Framework结合使用。我正在开发一个实时通信应用程序。

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

1 个答案:

答案 0 :(得分:8)

您可以尝试使用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;
  };
});