$rootScope.$broadcast not getting triggered

Question

I have the following code:

Test.html:

<div>Test</div>
<dta-feed my-list="myList"></dta-feed>

TestCtrl.js

 angular.element(document).ready(function () {
  $scope.loadData();                
 });

 $scope.loadData = function () {
  $rootScope.$broadcast("testEvent");               
 }

dtafeed-directive.js

$scope.$on("testEvent", function () {
  console.log('Testing broadcast event');           
});

Can anyone help me to know h

Answer 1

Would you like to try?

Test.html:

<div>Test</div>
<dta-feed my-list="myList"></dta-feed>

TestCtrl.js

 angular.element(document).ready(function () {
  $scope.loadData();                
 });

 $scope.loadData = function () {
  $rootScope.$broadcast("testEvent");               
 }

dtafeed-directive.js

var ev = $rootScope.$on("testEvent", function () {
  console.log('Testing broadcast event');           
});

$scope.$on('$destroy', function () {
    ev();
});

Answer 2

This link helped me to fix the issue Broadcast not received in directive

$timeout(function(){
    $scope.$broadcast('testEvent');
});