1

我需要一种方法来访问控制器的父范围，而无需注入 $scope 来这样做。这背后的原因是我正在构建一个 SPA，并且我想根据当前页面将一个类应用于 body 元素。我不想仅仅为了改变类而将 $scope 注入我的每一个控制器。另外请让我知道我是否以错误的方式看待这个问题，是否有办法使用 $routeprovider 或服务来封装此功能。我最近才开始使用 Angular，所以如果解决方案真的很简单，我提前道歉，但我无法通过谷歌搜索找到与我的情况类似的任何东西。

这是基本设置：

索引.html

<body ng-controller="BodyController as body" class="contact-page">
    <nav> ... </nav>
    <main ng-view>
        <div ng-controller="ContactController as contact>
           Contact Page loaded in on click
        </div>
    </main>
</body>

body.controller.js

(function() {
    angular
        .module('app')
        .controller('BodyController', BodyController);

    function BodyController() {
        var body = this;
    }
})();

联系人.controller.js

(function() {
    angular
        .module('app')
        .controller('ContactController', ContactController);

    ContactController.$inject = [];

    function ContactController($scope) {
        var vm = this;
    }
})();

app.routes.js

(function () {
    angular
        .module('app')
        .config(routes);

    routes.$inject = ['$routeProvider', '$locationProvider'];

    function routes($routeProvider, $locationProvider) {
        $routeProvider
            .when('/', {
                templateUrl: 'app/home/home.html',
                controller: 'HomeController',
                controllerAs: 'home'
            }).when('/contact', {
                templateUrl: 'app/contact/contact.html',
                controller: 'ContactController',
                controllerAs: 'contact'
            }).otherwise({
                redirectTo: '/'
            });
        $locationProvider.html5Mode(true);
    }

})();
4

0 回答 0