AngularJS ng-click stopPropagation

manpreet Best Answer 2 years ago

I have a click Event on a table row and in this row there is also a delete Button with a click Event. When i click the delete button the click Event on the row is also fired.

Here is my code.

   ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)">
    {{user.firstname}}
    {{user.lastname}}
    {{user.email}}
    <button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)">Deletebutton>
  

How can I prevent that the showUser Event is fired when i click the delete Button in the table cell?

manpreet 2 years ago

 class="col col-double clearfix">
  class="col__item" ng-repeat="location in searchLocations">
   <label>
    <input type="checkbox" ng-click="onLocationSelectionClicked($event)" checklist-model="selectedAuctions.locations" checklist-value="location.code" checklist-change="auctionSelectionChanged()" id="{{location.code}}"> {{location.displayName}}
   label>



$scope.onLocationSelectionClicked = function($event) {
      if($scope.limitSelectionCountTo &&         $scope.selectedAuctions.locations.length == $scope.limitSelectionCountTo) {
         $event.currentTarget.checked=false;
      }
   };