Breaking News: Grepper is joining You.com. Read the official announcement!

angularjs Both outer and inner divs have ng-click and when I click on the inner div, both ng-clicks execute. How to prevent that

SAMER SAEID answered on May 11, 2022 Popularity 1/10 Helpfulness 1/10

answer angularjs Both outer and inner divs have ng-click and when I click on the inner div, both ng-clicks execute. How to prevent that

angularjs Both outer and inner divs have ng-click and when I click on the inner div, both ng-clicks execute. How to prevent that

Comment

angular.module('myApp', [])
  .controller('myCtrl', ['$scope', function($scope) {
    $scope.showMoreHandler = function(e) {
      console.log('showMoreHandler');
    }
    $scope.actionHandler = function(e) {
      e.stopPropagation();
      console.log('actionHandler');
    }

  }]);
div {
  padding: 20px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-click="showMoreHandler($event)">showMoreHandler
    <div ng-click="actionHandler($event)">actionHandler</div>
  </div>
</div>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angularjs click javascript when

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

angularjs Both outer and inner divs have ng-click and when I click on the inner div, both ng-clicks execute. How to prevent that

Contents

More Related Answers

angularjs Both outer and inner divs have ng-click and when I click on the inner div, both ng-clicks execute. How to prevent that

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.