禁用內部鏈接上的外部元素的ng-click

Question

我有一個使用ui-router的網站，我有一張桌子，我在單元格上點擊了一下，但在單元格內部有一個鏈接。 單擊鏈接時，我需要從單元格中禁用ng-click。

<div ng-click="click()" style="background: #d3d3d3">
  <a ui-sref="about">go to about page</a>
</div>

當我單擊此鏈接時，我希望它轉到about頁面，但不要調用click函數。 這是一個plnkr： http ：//plnkr.co/edit/kE9CZYcYu1OPA9S0K3Jk？p = preview

這與我的實際站點略有不同，但這具有相同的行為（div而不是表）。 我已經嘗試添加ng-click="$event.preventDefault()"但這也沒有解決它。

任何幫助表示贊賞。 謝謝！

Answer 1

防止事件傳播到<a>標簽冒泡到div

<a ui-sref="about" ng-click="$event.stopPropagation()">go to about page</a>

另一種方法是在點擊處理程序中檢查點擊目標

<div ng-click="click($event)">

JS

$scope.click = function(e){
   if( e.target.tagName ==='A'){
       return; // skip click event handler
   }
    // rest of click code
}

Answer 2

你應該嘗試$event.stopProgation()

<div ng-click="click();" style="background: #d3d3d3">
  <a ui-sref="about" ng-click="$event.stopProgation()">go to about page</a>
</div>

哪個不會將事件傳播給父母。