Broadcast in Angular JS
HTML
<div>
<div ng-controller="assetInformationController">
<button ng-click="UpdateDashboard();">Click</button>
</div>
</div>
JavaScript
var app = angular.module("myApp", []);
app.factory('trackingService', function ($rootScope) {
var trackingInstance = {};
trackingInstance.assetInformationModel = null;
trackingInstance.RefreshDashboard = function () {
$rootScope.$broadcast('Refresh');
};
return trackingInstance;
});
app.controller('assetInformationController', function ($scope, trackingService) {
$scope.UpdateDashboard = function () {
console.log('UpdateDashboard()')
trackingService.RefreshDashboard();
};
$scope.$on('Refresh', function () {
console.log('Refresh');
});
});
app.controller('liveTrackingController', function ($scope, trackingService) {
$scope.$on('Refresh', function () {
console.log('Refresh in liveTrackingController');
});
});