html - Angular fire ng-click on row 但不是 href

我用 Bootstrap 制作了一个页面，我想在用户点击该行时执行一个操作。这很简单，我将 ng-click 放在作为行的 div 上。

但是，在行元素内我有一个链接，我想避免在用户单击链接时触发 ng-click(在这种情况下它应该打开链接地址)

这是一个picture的行。基本上，如果用户点击链接 simbol 以外的任何地方，它应该触发 ng-click，如果它点击链接 simbol，它应该打开 url。

这可能吗？

PS:我尝试将 ng-click 放在除 href 元素之外的每个项目上，但 href 元素位于其他内容的列内，如果我不放置 ng-click 如果用户点击列的空白区域，则不会触发该列。

<div class="col-sm-8" >
   <a href="{{club.url}}" ><i class="fa fa-link"></i></a> |
   <span class="h5 small">{{club.description}}</span>
</div>

最佳答案

$event.stopPropagation() 在 anchor 标记的 ng-click 上冒泡事件。

标记

<div class="col-sm-8" ng-click="myMethod()">
    <a href="{{club.url}}" ng-click="$event.stopPropagation();"><i class="fa fa-link"></i></a> |
</div>

关于html - Angular fire ng-click on row 但不是 href，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30534058/