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

然后在你的控制器B中使用它

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

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

如果$rootScope.payData 会随时间变化，您也可以观看它。