Angular - Module

Module with controller, filter, and directive.

by M. Junaid Salaat

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.2/angular.js"></script>
<body ng-app="app">
  <div ng-controller="ctrl1" >
  <button ng-click="broadcast()">Broadcast</button>
    <div ng-controller="ctrl2">
    </div>
  </div>
</body>

JavaScript

var app = angular.module('app', []);
app.controller('ctrl1',
  function($scope) {
    $scope.broadcast = function() {
      $scope.$broadcast('parent', 'Some data');
    }
  });

app.controller('ctrl2',
  function($scope) {
    $scope.$on('parent', function(event, data) {
      console.log(event, data); // 'Some data'
    });
  });