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

Question

我已经创建了一个带引导程序的页面,我希望在用户单击该行时执行操作.这是很容易,我把ng-click在div为在行.

但是,在行元素里面我有一个链接,我想避免ng-click在用户点击链接时触发(在这种情况下它应该打开链接的url)

这是一排的照片.基本上,如果用户点击链接simbol以外的任何地方,它应该填写ng-click,如果点击链接simbol,它应该打开网址.

这可能吗？

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>

Answer 1

$event.stopPropagation()在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>