Angular Service被注入控制器，但它看起來像一個空的對象

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）或改變IMPL到接口的方法添加到StatusService本身即：

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

這裏的上述工作的一個演示：http://plnkr.co/edit/r07kPP85oQQKtJYMYOyK?p=preview