有的时候前端需要对某一按钮禁止用户多次点击或者向后台发送重复请求,
angular js 提供了 nt-click 事件
html:
<div class="demo" nt-click="clickDemo(defer)"></div>
方法中必须携带defer 对象,不然在点击一次之后会导致按钮变灰
js:
function clickDemo(defer) {
//code logic
defer && defer.resolve();
}
以上方法可以避免clickDemo 在执行期间用户多次点击, 只要defer 对象没有被resolve, div 将一直处于disabled 状态,用户将无法再次触发点击事件