方法一：
点击后，让button的状态变为disablejs指令：
rush:js;">
.directive('clickAnddisable',function() {
return {
scope: {
clickAnddisable: '&'
},link: function(scope,iElement,iAttrs) {
iElement.bind('click',function() {
iElement.prop('disabled',true);
scope.clickAnddisable().finally(function() {
iElement.prop('disabled',false);
})
});
}
};
})
html:
代码如下:
disable="next()">下一步 //把 ng-click 改为指令click-and-disable
方法二：
在app.config里面，重写ng-click事件，设置一定事件内不能重复点击rush:js;">
$provide.decorator('ngClickDirective',['$delegate','$timeout',function ($delegate,$timeout) { //记得在config里注入$provide
var original = $delegate[0].compile;
var delay = 500;//设置间隔时间
$delegate[0].compile = function (element,attrs,transclude) {
var <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>abled = false;
function onClick(evt) {
if (<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>abled) {
evt.preventDefault();
evt.stopImmediatePropagation();
} else {
<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>abled = true;
$timeout(function () { <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>abled = false; },delay,false);
}
}
// s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.$on('$destroy',function () { iElement.off('click',onClick); });
element.on('click',onClick);
return original(element,transclude);
};
return $delegate;
}]);以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
