從角度js中的不同模塊注入服務

Question

我有以下代碼

angular.module('go.core', ['go.auth'])

.controller('MainCtrl', ['$scope', 'AuthService', '$location',
function($scope, AuthService, $location) {
    //if(!AuthService.authorized) {
        $location.path('/login');
    //}
}])

.controller('LoginCtrl', ['$scope', '$location',
function($scope, $location) {

}]);

angular.module('go', [
    'ngRoute',
    'go.core'
])

.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $routeProvider
        .when('/login', {
            templateUrl: 'partials/login.html',
            controller: 'LoginCtrl'
        })
        .when('/', {
            templateUrl: 'partials/main.html',
            controller: 'MainCtrl'
        })
        .otherwise({
            redirectTo: '/',
            controller: 'MainCtrl'
        });
    }
]);

angular.module('go.auth', [])

.service('AuthService', ['$scope', '$location',
function($scope, $location) {
    return {
        example: function() {console.log("here");}
    };
}]);

該MainCtrl控制器不注入AuthService盡管事實上go.core需要go.auth 。 誰能幫我這個？

Answer 1

您應該收到以下錯誤：

Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- AuthService

這是因為您試圖將$scope注入AuthService ，這是您無法做到的。 但是你可以注入$rootScope 。

刪除它，它應該工作。