Ng-click inside of ng-click AngularJS

Question

I have a link that uses ng-click inside of a table row which also uses the ng-click directive.

When I click on the link, both ng-click directives fire. How can I adjust them so that only the most specific one (remove item) fires?

 <tr ng-repeat="item in items" ng-click="viewItem(item.id)">
   <td>{{ item.name }}</td>
   <td><a ng-click="removeItem(item.id, 'item.name')">Remove item</a></td>
 </tr>

Thanks!

Could you provide a fiddle or something?

BKM
– BKM

2013-08-21 03:44:47 +00:00
Commented Aug 21, 2013 at 3:44 — BKM
– BKM, Commented Aug 21, 2013 at 3:44

L105 · Accepted Answer · 2013-08-21 03:49:26Z

6

You just need to stop the event from bubbling by using stopPropagation().

<tr ng-repeat="item in items" ng-click="viewItem(item.id)">
   <td>{{ item.name }}</td>
   <td><a ng-click="removeItem(item.id, 'item.name'); $event.stopPropagation()">Remove item</a></td>
 </tr>

jsFiddle

answered Aug 21, 2013 at 3:49

L105

5,4193 gold badges20 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ng-click inside of ng-click AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related