Angular: event stopPropagation and default

Explaining angularJs event.stopPropagation()

by Varun Sukheja

HTML

<script src="https://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-click='myDiv()'>
  <a href='https://iyermatter.files.wordpress.com/2009/03/twitter1.png'>
    <img src='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTa_V01aDRlNM26a0r9_rYj-CUtBpmeLow-Z2UbgHN49QlQmjfgzQ' ng-click="myImg($event)" />
  </a>
</div>

JavaScript

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {
  $scope.myDiv = function() {
    alert('Div clicked');
  };
  $scope.myImg = function(event) {
    event.stopPropagation();
    alert('Image clicked');
  };
}