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;
});

将其注入到控制器中，并调用其on函数，如下所示：

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

    StatusService.on(); 
})

但是我收到以下错误。

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

Answer 1

我认为您在声明服务时正在对module.factory()实现使用module.service()调用。 可以将较早的版本更改为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

Answer 2

如果您在不同的地方声明了多个具有相同名称的服务，就会出现此问题，它会造成混乱并返回{}。