Угловое обслуживание вводится в контроллер, но появляется как пустой объект

Question

У меня есть следующее угловое обслуживание.

angular.module('myApp') 
.service('StatusService', function StatusService() { 
    var statusService= { 
     show: 'off', 
     on: function() { 
      this.show = 'on'; 
     }, 
     off: function() { 
      this.show = 'off'; 
     } 
    }; 

    return statusService; 
}); 

который вводят в контроллер, и его на функции вызывается, например:

angular.module('myApp') 
    .controller('aController', function (StatusService) { 

    StatusService.on(); 
}) 

Но я получаю следующее сообщение об ошибке.

TypeError: Object #<Object> has no method 'on' 

Answer 1

Вы получите это проблема, если вы объявили несколько сервисов с одинаковым именем в разных местах, он запутался и вернет {}.

Answer 2

Я думаю, что вы используете module.service() вызов с module.factory() реализации при объявлении службы. либо изменить ранее module.factory(StatusService) (который на самом деле следует называть StatusServiceFactory) ИЛИ изменения осущ добавить методы интерфейса самой StatusService т.е.

function StatusService(){ 
this.show='off'; 
this.on = function(){}; 
} 
module.service('statusService', StatusService); 

Вот демо выше работы: http://plnkr.co/edit/r07kPP85oQQKtJYMYOyK?p=preview