您的位置:首页 > 移动开发 > WebAPP

IONIC WebApp之防止短时间内按钮多次点击

2016-08-08 10:44 1406 查看
因网络延迟的缘故,对着某个按钮狂点导致请求过多,刚开始想直接把按钮disabled掉,然后发觉这个按钮是div样式,并用的ng-click做的事件绑定,因而并不奏效。

如果博友们有其他的解决方法,求提供啊~

.config(['$provide',function($provide){
//解决重复点击BUG
$provide.decorator('ngClickDirective',['$delegate','$timeout',function($delegate,$timeout){
var original = $delegate[0].compile;
var delay = 500;
$delegate[0].compile = function(element,attrs,transclude){
var disabled = false;
function onClick(evt){
if(disabled){
evt.preventDefault();
evt.stopImmediatePropagation();
}else{
disabled = true;
$timeout(function(){
disabled = false;
}, delay, false);
}
}
element.on('click', onClick);
return original(element, attrs, transclude);
};
return $delegate;
}]);
}])
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: