如何在不点击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>