我将AngularJS与Ionic Framework结合使用。我正在开发一个实时通信应用程序。
我有一个范围滑块ionic docu。如果我使用ng-change每一步调用我的回调,但我只想传输最终结果。在桌面上我可以使用ng-mouseup但我无法在移动设备上找到解决方案。创建延迟对我来说不是解决方案,因为它必须很快。
答案 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;
};
});