zoukankan      html  css  js  c++  java
  • 解决重复点击ngClick事件,多次触发问题

    在配置文件中加入一下代码,即可解决全局的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;
            }]);
        }]);
  • 相关阅读:
    多态及鸭子类型
    面向对象三大特性之——继承
    类的组合
    类的成员和命名空间
    JAVA中常用的类
    JAVA自学笔记(5)
    JAVA自学笔记(4)
    JAVA自学笔记(3)
    JAVA自学笔记(2)
    JAVA自学笔记(1)
  • 原文地址:https://www.cnblogs.com/earl-yongchang/p/5609102.html
Copyright © 2011-2022 走看看