html - Angular fire ng-click on row but not on href -
i've made page bootstrap, , have action when user clicks on row. easy, put ng-click
on div
row.
however, inside row elements i've link, , avoid firing of ng-click
when user clicks on link (in case should open url of link)
this picture of row. bascially if use clicks anywhere except link simbol should filre ng-click, if clicks on link simbol should open url.
is possible?
ps: tried put ng-click
on each item except href element, href element inside column within other things, , if don't put ng-click
on column not fire if use clicks on empty space of column.
<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()
on ng-click
of anchor tag bubble event.
markup
<div class="col-sm-8" ng-click="mymethod()"> <a href="{{club.url}}" ng-click="$event.stoppropagation();"><i class="fa fa-link"></i></a> | </div>
Comments
Post a Comment