900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 解决重复点击ngClick事件 多次触发问题

解决重复点击ngClick事件 多次触发问题

时间:2019-01-29 06:19:09

相关推荐

解决重复点击ngClick事件 多次触发问题

/earl-yongchang/p/5609102.html

在配置文件中加入一下代码,即可解决全局的ngClick重复点击。此方法是重写ngClick事件,可以保护多次点击,本来想扩展成指令,不过发现angular规定ngClick就是单击事件,此处以作归纳 事件指令app.config(['$provide', function ($provide) { $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);} } // scope.$on('$destroy', function () { iElement.off('click', onClick); }); element.on('click', onClick); return original(element, attrs, transclude);};return $delegate; }]); }]);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。