如何在AngularJS中从一个控制器向另一个控制器发送消息？

Question

我有以下设置：

stApp.controller('AdminTableController', ['$rootScope', '$scope', 'gridService', 
            function ($rootScope, $scope, gridService) {
    $scope.$watch('tableData.$pristine', function (newValue) {
        $rootScope.broadcast("tableDataUpdated", {
            state: page.$pristine
        });
    });
}])

stApp.controller('AdminGridController', ['$rootScope', '$scope', 'gridService',
            function ($rootScope, $scope, gridService) {
    $rootScope.on("tableDataUpdated", function (args) {
        //args.state would have the state.
        alert(args.state);
    });
}])

当我运行此代码时，我收到一条消息：

Object #<Object> has no method 'on'

请注意，我尝试使用$ rootScope.on和$ scope.on

Answer 1

你必须意味着$broadcast和$on （而不是broadcast和on ），即：

$rootScope.$broadcast("tableDataUpdated", { state: page.$pristine });
// ...
$rootScope.$on("tableDataUpdated", function (args) {
// ...

值得注意的是， $broadcast用于将事件委托给子节点或兄弟节点范围，而$emit会将事件向上传递给范围的父节点，因此;

当选择$broadcast （而不是$emit ），你要么注入根范围为搭售$on （为你做了很好），或致电$on接收器上的隔离范围，无论是调度员的一个子范围。

有关$emit和$broadcast详细信息 ，请参阅此文章 。

Answer 2

如果事件监听器在子范围内 ： $scope.$broadcast('MyEvent', args);

如果事件监听器位于父作用域中 ： $scope.$emit('MyEvent', args);

你可以通过在$ rootScope上使用$ broadcast来避免任何混淆，因为$ rootScope是Angular应用程序中所有作用域的父级： $rootScope.$broadcast('MyEvent', args);

无论你使用$ emit还是$ broadcast，接收控制器都会监听$scope.$on('MyEvent', function() {});

Answer 3

 $rootScope.on("tableDataUpdated", function (args) {
        //args.state would have the state.
        alert(args.state);
    });

应该

 $rootScope.$on("tableDataUpdated", function (args) {
        //args.state would have the state.
        alert(args.state);
    });

Answer 4

$scope.$emit('MyEvent', args);

从第一个控制器，并在第二个控制器接收：

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