Question

我有一个带有事件名称的本地变量对象的服务：

    myApp.service('appService', ['$rootScope', function ($rootScope) {

        var events = {
            firstEvent: "MyFirstEvent",
            secondEvent: "MySecondEvent"
        };

        this.doEvent = function(eventName)
       {           
            // do something...
       };


    }]);

现在我正在尝试阅读控制器中的 events.firstEvent ：

myApp.controller('myController', ['$scope', 'appervice', function ($scope, appService) {

var mydata = appService.events.firstEvent;

}]);

我在控制台中遇到此错误的问题：

TypeError: Cannot read property 'firstEvent' of undefined

我做错了什么？

P.S。我也无法访问函数doEvent（）。

Answer 1

你服务返回这个，但你没有放任何东西！

myApp.service('appService', ['$rootScope', function ($rootScope) {  
   var events = {
       firstEvent: "MyFirstEvent",
       secondEvent: "MySecondEvent"
    };
   return { events:events};
}]);

这将返回一个包含事件的对象！

Answer 2

Angular在加载服务时执行服务功能，需要从此函数返回所需的服务。

myApp.service('appService', ['$rootScope', function ($rootScope) {

    var events = {
        firstEvent: "MyFirstEvent",
        secondEvent: "MySecondEvent"
    };

    return events; 

}]);

myApp.controller('myController', ['$scope', 'appervice', function ($scope, appService) {

        var mydata = appService.firstEvent;

}]);

Answer 3

你可以写

function MyService($rootScope){
     var _this = {};

     _this.events = { 
         firstEvent: 'blabla1',
         secondEvent: 'blabla2'
     };
     return _this;
}

myApp.service('appService', ['$rootScope', MyService]);

之后

myApp.controller('myController', ['$scope', 'appService', function ($scope, appService) {

    var mydata = appService.events.firstEvent;

}]);

如何在AngularJS中访问服务内的对象属性？

3 个答案: