$ scope。$ $在$ rootScope之后没有触发。$在角度服务中广播

时间:2014-11-04 05:03:59

标签: javascript angularjs

这可能是重复的问题,但我发现这个问题的解决方法在我的情况下不起作用,这就是我发布问题的原因。

我关注服务:

appRoot.service('MyService', function($rootScope) {
    var Messenger = {
        Temp: "",
        TempId:"",
        tempMethod: function(Id) {
            TempId = Id;
            $rootScope.$broadcast('FirstCtrlMethod');
        }
    };
    return Messenger ;
});

第二个控制器:

appRoot.controller('SecondCtrl', function ($scope, $location, MyResource, NotificationService, MyService) {
 $scope.invokeFirstCtrl= function() {
        var Id = '2';
        MyService.tempMethod(Id);
});

第一个控制器:

appRoot.controller('FirstCtrl', function ($scope, $compile, $filter, $modal, $sce, $location, NotificationService, MyService) {
$scope.$on('FirstCtrlMethod', function () {        
        alert('I am from frist controller');
    });
});

问题:“$ rootScope。$ broadcast('FirstCtrlMethod');”按预期执行,但不会导致触发事件“ $ scope。$ on(第一个控制器中的'FirstCtrlMethod',function(){..“。 我已经在我的应用程序中的许多地方以相同的方式使用了不同的服务,并且它们工作正常,我不明白它为什么不在这里工作。

2 个答案:

答案 0 :(得分:14)

将评论作为答案......

我猜当你在$播放活动时,其他应该接收该事件的控制器尚未实例化。

请尝试实例化其他控制器

答案 1 :(得分:1)

请参阅下面的工作示例

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

app.service('MyService', function($rootScope) {
  var Messenger = {
    Temp: "",
    TempId: "",
    tempMethod: function(Id) {
      TempId = Id;
      $rootScope.$broadcast('FirstCtrlMethod');
    }
  };
  return Messenger;
});

app.controller('homeCtrl', function($scope, MyService) {

  $scope.invokeFirstCtrl = function() {
    var Id = '2';
    MyService.tempMethod(Id);

  };
});

app.controller('FirstCtrl', function($scope) {

  $scope.$on('FirstCtrlMethod', function() {
    alert('I am from frist controller');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="homeCtrl">

    <button ng-click="invokeFirstCtrl()">Invoke</button>
  </div>

  <div ng-controller="FirstCtrl">


  </div>
</div>