Angular $broadcast问题

Question

假设我有两个页面，页面A和页面B，它们分别具有控制器A和控制器B。我首先转到页面A，执行一个操作，该操作将调用$broadcast发出一个对象：

$rootScope.$broadcast('payData', obj)

我想在控制器B中接收这个广播，但是因为我还没有转到B页，所以控制器B的构造函数没有初始化。由于我试图在控制器B的构造函数中接收此消息，因此它从未接收到此消息。

export default class ControllerB{
    constructor($scope, $rootScope){
        this.scope = $scope;
        this.rootScope = $rootScope

        $rootScope.$on('payData', (event, obj) => {
            console.log('broadcastPayData receive obj:', obj);
        })
    }
    //some other cool staff
}

你知道怎么解决这个问题吗？谢谢。

Answer 1

如果控制器B还不存在，那么将对象保存到rootScope中是有意义的，并且B将在它加载后访问它：

$rootScope.payData = obj

然后在你的controllerB中使用它

export default class ControllerB{
    constructor($scope, $rootScope){
        this.scope = $scope;
        this.rootScope = $rootScope

        console.log($rootScope.payData);
    }
    //some other cool staff
}

如果$rootScope.payData可以随时间变化，您还可以查看它。