Description
Example of problem below:
http://codepen.io/bzamora/pen/OPyogw
I am using ng-touch in my AngularJS app to provide touch events. I am using the ng-touch built in ng-click-active class to animate a tile when clicked. All is good so far, no issues.
There is also a checkbox inside the tile that is only displayed when the user is in "edit" mode. At this point, I don't want the clicking of the checkbox to trigger the parent's element click. I've tried canceling the click when in edit mode ng-click="inEditMode === false && doStuff() and also using $event.stopPropagation() in the checkbox to try to stop the click event from propagating up to the tile. Nothing has worked so far...
Thanks for any help!
Also asked in SO: http://stackoverflow.com/questions/27272989/ng-touch-child-element-triggers-ng-click-for-parent