$rootScope.$broadcast 沒有被觸發

Question

我有以下代碼：

測試.html：

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

測試Ctrl.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');           
});

誰能幫我知道h

Answer 1

你想試一下嗎？

測試.html：

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

測試Ctrl.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

此鏈接幫助我解決了指令中未收到廣播的問題

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