Can't access global variables in angular JS?

Question

According to this question: Global variables in AngularJS

the method of setting global variables is through a service or rootscope.

However I'm finding that I can't access the global variable in a function, unless I pass the factory into my function. How can I access the variable if it's not in a function? The reason I need to do this is because I don't control the parameters of callback functions that I use from another library.

For example, if my factory is like this:

.factory('principal',[$q, ...etc etc function($q ...){
    return{
           a_variable: 'an_example'
    }
 ]})

and I want to access principal in a function I can do

function example_function(principal){
    puts principal.a_variable //works!
}

But if I don't control the parameters of callback functions...

function onNotificationCallback(result){
     // this function is provided to me but principal isn't a parameter
     // therefore principal.a_variable is not accessable!
}

How do I access principal in this callback function?

Amit Portnoy · Accepted Answer · 2014-08-28 08:01:35Z

1

just make sure you define onNotificationCallback in a block scope that has access to principal

angularModule./*controller/Service/factory..*/('myThing', ['principal', function(principal) {

    onNotificationCallback = function(result) {
        //principal is available here
    };

    //do something with onNotificationCallback 

}])

answered Aug 28, 2014 at 8:01

Amit Portnoy

6,4462 gold badges32 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

Can't access global variables in angular JS?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related