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

mrm*_*mow 6 javascript angularjs angularjs-ng-change ionic-framework

我正在使用AngularJS和Ionic Framework.我正在开发一个实时通信应用程序.

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

Jer*_*ken 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>
Run Code Online (Sandbox Code Playgroud)

调节器

angular.module('App').controller(function ($scope) {
  $scope.onRelease = function () {
    $scope.volume = $scope.temp.volume;
  };
});
Run Code Online (Sandbox Code Playgroud)