angular 點擊事件阻止冒泡及默認行為

經常遇到場景：多層級元素綁定ng-click 事件，則底層元素的點擊事件存在冒泡現象，怎么解決？
類似原生JS ,只是語法稍有不同，如下：

阻止冒泡 $event.stopPropagation()

阻止默認行為 $event.preventDefault()

代碼實例--tab切換

 // html 行內阻止
<div ng-click="parentTab(1,$event)">父盒子點擊
			    <div class="sw_active" ng-click="ratioTab(1,$event);$event.stopPropagation();">tab1</div>
				<div ng-click="ratioTab(2,$event);$event.stopPropagation();">tab2</div>
				<div ng-click="ratioTab(3,$event);$event.stopPropagation();">tab3</div>
			</div>
	</div>
// Js 方法內阻止
$scope.ratioTab(num,$event){
       $event.stopPropagation();//阻止冒泡
      $event.preventDefault();// 阻止默認行為 
//your coding
}