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

我想找出某种方法来单击 a 标签链接，而无需使用ng-click来单击 div。 有没有好的方法可以做到这一点？

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>