国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angular ng-click防止重復提交實例

2019-11-19 16:19:41
字體:
來源:轉載
供稿:網友

方法一:點擊后,讓button的狀態變為disable

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:

復制代碼 代碼如下:

<button type="button" class="btn btn-info btn-bordered waves-effect w-md waves-light" click-and-disable="next()">下一步</button>   //把 ng-click 改為指令click-and-disable

方法二:在app.config里面,重寫ng-click事件,設置一定事件內不能重復點擊

$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 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;    }]);

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 晴隆县| 甘洛县| 兴国县| 望都县| 襄汾县| 交城县| 临邑县| 合江县| 博客| 久治县| 洛阳市| 哈尔滨市| 荣成市| 乡城县| 长寿区| 大渡口区| 光泽县| 高清| 竹溪县| 三河市| 彰武县| 行唐县| 龙门县| 星子县| 卢龙县| 南京市| 蒙城县| 聂拉木县| 贵德县| 昌平区| 四平市| 瑞安市| 阿拉善左旗| 从江县| 霍山县| 巨鹿县| 上高县| 双流县| 米林县| 紫阳县| 河东区|