如何以角度没有父子关系的方式向其他控制器广播和发送事件

时间:2014-11-19 13:19:21

标签: angularjs angular-services angular-broadcast

我正试图从这篇文章中得到提示 - Working with $scope.$emit and $scope.$on但是当控制器彼此没有任何关系时似乎没有任何作用。

那是 -

<div ng-controller="CtrlA">
</div>

<div ng-controller="CtrlB">
</div>

在CtrlB中我会做这样的事情:

$rootScope.$broadcast('userHasLoggedIn', {})

在CtrlA中,我会这样听:

$rootScope.$on('userHasLoggedIn, function(event, data){});

并且没有 - 除非我在CtrlA div

中嵌入CtrlB div,否则CtrlA永远不会收到广播的事件

有什么想法吗?

1 个答案:

答案 0 :(得分:5)

如果不知道你的尝试,很难回答。请看这个plnkr: http://plnkr.co/edit/hYzWOrgEyPLlCMZnDCo2?p=preview

我基本上创建了两个控制器,一个向另一个发送一些文本:

app.controller('CtrlA', function($scope, $rootScope) {
  $scope.submit = function(){
    $rootScope.$broadcast('userHasLoggedIn', $scope.input);
  }

});

app.controller('CtrlB', function($scope) {
  $scope.$on('userHasLoggedIn', function(event, data){
    $scope.data = data; 
  });

  $scope.data = 'nothing';
});