AngularJS阻止事件冒泡$event.stopPropagation()

一、在AngularJs中阻止事件冒泡方式

或者

加载

 $scope.show = function ($event) {
                //显示加载
                $ionicLoading.show();
                $event.stopPropagation();
            }

在Angular中已经对一些ng事件如ngClick,ngBlur,ngCopy,ngCut,ngDblclick…中加入了一个变量叫做$event.

在上边代码我们可以得到两个信息：

1. Angular支持的event： click dblclick mousedown mouseup mouseover mouseout mousemove mouseenter mouseleave keydown keyup keypress submit focus blur copy cut paste
2. Angular在执行事件函数时候传入了一个名叫$event的常量，该常量即代表当前event对象，如果你在Angular之前引入了jQuery那么这就是jQuery的event.

二、使用$event 获取Dom对象

$scope.switchCheckBox = function($event, value) {  
      // console.log(value)  
      if (value) {  
        $($event.target).addClass("checked");  
      } else {  
        $($event.target).removeClass("checked");  
      }  
    }  

更多：

Angular 1.6提示$http.get(...).success is not a function

AngularJS路由之ui-router（三）大小写处理

AngularJS动画（二）