Angular JS Service not defined

Question

I'm trying to create a universally accessible array in my application using services. I also implement ui-router in my appliaction. I create the service in my app.js:

myFamilyApp.service('global', function() {
    var eventArray = [];

    return {
        addEvent: function() {
            eventArray.push(newObj);
        }
    }
});

then I call it from my controller:

myFamilyApp.controller('newEventController', [ '$scope', '$state',
    function($scope, $state, global) {
    eventConfig = {//variables to create event};
    e = new Event(eventConfig);
    global.addEvent(e);

});

but for some reason I'm getting this error:

TypeError: Cannot read property 'addEvent' of undefined

I know the issue is that the controller not recognizing the global variable, but I don't know why. I've looked at several other posts and generally messed around with it but I can't figure out why my controllers access the service. Any ideas?

Typo is in front of your eyes.. :) You forgot to specify it in the injection list. myFamilyApp.controller('newEventController', [ '$scope', '$state', 'global', function($scope, $state, global) { — PSL
– PSL, Commented Mar 11, 2015 at 0:28

jaredramirez · Accepted Answer · 2015-03-11 00:32:32Z

1

I just realized my problem, and I apologize for posting this question I am still very new to angular. My issue was very simple, I wasn't passing in the 'global' when i created my controller myFamilyApp.controller('newEventController', [ '$scope', '$state', 'global', function (params)

answered Mar 11, 2015 at 0:32

jaredramirez

6652 gold badges11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular JS Service not defined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related