Angularjs Ошибка при попытке вызова метода из службы i определена

Question

Я изучаю Angularjs, и я пытаюсь создать службу для выполнения общих задач, которые необходимо выполнить для всех моих контроллеров.

В настоящее время я получаю сообщение об ошибке:

TypeError: Cannot call method 'getAuthHeader' of undefined 

app.js

var token = "mytoken" 
var baseUrl = "mybaseUrl"; 

var myezteam = angular.module('myezteam', ['ui.bootstrap']); 

myapp.config(function($routeProvider) { 
    $routeProvider 
     .when('/profile', 
      { 
       controller: 'ProfileController', 
       templateUrl: 'template.html' 
      }) 
     .otherwise({redirectTo: '/profile'}); 
}); 

// This gets the basic information that is needed for every page 
myapp.service('base', function() { 

    this.getAuthHeader = function($http) { 
     // Set authorization token so we know the user has logged in. 
     return $http.defaults.headers.common.Authorization = 'Bearer ' + token; 
    } 
}); 

profile.js

myapp.controller('ProfileController', ['$scope', '$http', function($scope, $http, base) { 

     base.getAuthHeader($http); // <-- THIS LINE IS THROWING THE ERROR 
    }]); 

Почему возникающую ошибку и как я могу это исправить ? Кроме того, есть ли способ настроить конфигурацию в моем приложении, так что мне не нужно вызывать base.getAuthHeader($http); в каждом контроллере, но он будет автоматически вызван, когда каждый контроллер будет загружен?

Answer 1

Вы не вводите свою услугу base в свой контроллер. Вы должны вводить его в том же, как вы делали с $scope и $http

myapp.controller('ProfileController', ['$scope', '$http', 'base', 
    function($scope, $http, base) { ... });