AngularJS：AppLevel 控制器可能吗？

我有一个控制器，它是我的页面的控制器，但我想知道是否有可能有一个 AppLevel 控制器，即可以从每个页面访问的东西......所以每个页面实际上会分配超过 1 个控制器。

我知道我可能可以通过服务来做到这一点并注入服务，但我希望有某种可以分配的应用程序级别控制器。

如果可能的话，我将如何在两者之间进行通信？我假设使用依赖注入并将应用程序级别控制器传递到我的主页？

有人对此有什么想法吗？

thanks

AngularJS 利用 JavaScript 原型继承，以便作用域访问父作用域上的属性。您可以定义嵌套在 HTML 中的控制器并从子级访问父级。不过，我强烈建议您不要在“AppCtrl”中依赖这一事实。在某些情况下，您正在处理的作用域将被隔离，并且不会成为有权访问 AppCtrl 作用域的继承层次结构的一部分。

我建议为此创建一个服务，或者您可以将 pub/sub 与 $rootScope.$on 和 $rootScope.$broadcast 一起使用。

为了显示服务示例，我将使用单词 shellCtrl 和 shell service 而不是 app，以使示例更加清晰。

“shell”服务的工作是允许应用程序中的任何其他控制器、指令或服务与 shellController 交互，从而与主机视图容器交互。

<div ng-app="myApp" ng-controller="ShellCtrl">
    <div ng-controller="SomeOtherCtrl"></div>
</div>

// parent controller defined on the same element as ng-app
function ShellCtrl($scope, shell) {
    // I've just made the shell accessible to the $scope of shellctrl, but you can do
    // this in various ways.
    $scope.shell = shell;
}

// any other controller
function SomeOtherCtrl($scope, shell) {
    shell.setTitle('Some title');
}

// basic example of the shell service
angular.module('myApp').factory('shell', function () {
    return {
        title = 'No title set',
        setTitle = function (title) {
            this.title = title;
        }
    }    
});

现在，您可以以独立的方式在父控制器上设置属性，而无需依赖范围层次结构。