如何在不點擊div的情況下單擊可點擊div（ng-click）內的標籤？

Question

下面是代碼：

<div ng-click="grid.appScope.navToPage(row)"class="ui-grid-cell" ui-grid-cell style="cursor: pointer"> 
    <div class="ui-grid-cell-contents"> 
    <a ng-href="/mywebpage/2" target="_blank"> 
     <span class="glyphicon glyphicon-new-window"></span> 
    </a> 
    </div>' 
</div> 

我想找出一些方法，以便能夠點擊一個鏈接標籤不點擊與ng-click股利。有沒有一個好的方法來做到這一點？

Answer 1

您可以使用$event.stopPropagation()這是可以在很多角度指令，如ng-click防止點擊傳播。請看看這個問題AngularJS ng-click stopPropagation

在你的情況下，定位標記應該是這樣的：

<a ng-href="/mywebpage/2" ng-click="$event.stopPropagation()" target="_blank"> 
    <span class="glyphicon glyphicon-new-window"></span> 
</a>  

Answer 2

試試這個

<a ng-href="/mywebpage/2" target="_blank" ng-click="$event.stopPropagation()"><span class="glyphicon glyphicon-new-window"></span></a>