javascript - 在模态 Controller 中调用事件

Question

我的 mainController 上有一个 $scope.$on 回调函数。无论我从每个 Controller 调用它，它都可以完美运行。但是当我在打开 modal 后从 modalController 调用它时，它不起作用:

define(['app', 'jquery'], function (app, $) {
    app.controller('MainViewControllerUser',
        function ($scope, $location, $rootScope, $interval, MainViewFactoryUser){
        $scope.$on('loadingPage', function (event, value) {
            $scope.chartLoading = value;
        });
}
});

//------------------------主 Controller 结束

 define(['app', 'underscore'], function (app, _) {
        app.controller('advertisementController',
            ['$scope', '$location', '$rootScope', '$interval', 'toaster', 'advertisementFactory', '$modal',
                function ($scope, $location, $rootScope, $interval, toaster, advertisementFactory, $modal) {
                $scope.$emit('loadingPage', true);

    }
    ]);



  app.controller('addClientCrtl',
            ['$scope', '$modalInstance', 'toaster', 'advertisementFactory',
                function ($scope, $modalInstance, toaster, advertisementFactory)
    {
                    $scope.$emit('loadingPage', true);

    }
    ]);



   });

advertisementController 中的 $scope.$emit('loadingPage', true); 工作正常，但在 addClientCrtl 中不起作用。我必须引用模态 Controller 在 adviertisementController 中定义并在其中调用

Answer 1

您可以尝试使用 $rootScope 来代替 $scope:

$rootScope.$on('loadingPage', function ({
});

$rootScope.$emit('loadingPage', true);