AngularJS Prevent Event Propagation Click Example
Today I was stuck with a problem in angularjs. I have a table row and a button in table cell. I have bound event event for both table row and button. So I have to disable event on table row click when I click on button, in other words I have to stop propagation of event on button click.
I found a solution as below,
<a href="#" ng-click="functionName(); $event.preventDefault(); $event.stopPropagation();">
$event.stopPropagation(); alone was not working. When I used $event.stopPropagation(); alone, on click it was redirecting to some other page. When I tried adding $event.preventDefault(); $event.stopPropagation();. It worked.
Reference:
http://stackoverflow.com/questions/10931315/how-to-preventdefault-on-anchor-tags
Today I was stuck with a problem in angularjs. I have a table row and a button in table cell. I have bound event event for both table row and button. So I have to disable event on table row click when I click on button, in other words I have to stop propagation of event on button click.
I found a solution as below,
<a href="#" ng-click="functionName(); $event.preventDefault(); $event.stopPropagation();">
$event.stopPropagation(); alone was not working. When I used $event.stopPropagation(); alone, on click it was redirecting to some other page. When I tried adding $event.preventDefault(); $event.stopPropagation();. It worked.
Reference:
http://stackoverflow.com/questions/10931315/how-to-preventdefault-on-anchor-tags