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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -