javascript - Angular 服务被注入(inject)到 Controller 中，但它显示为一个空对象

Question

我有以下 Angular 服务。

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

    return statusService;
});

它被注入(inject)到 Controller 中，并调用它的 on 函数，如下所示:

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

    StatusService.on(); 
})

但是我得到以下错误。

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

Answer 1

如果您在不同的地方声明多个具有相同名称的服务，您将遇到这个问题，它会混淆并返回一个 {}。