How to update the global variable in AngularJS?

Question

Some application state information need to be stored in an Angular service so as to be globally accessed.

app.value('identity', {});

Then in a controller of my first view after log in. I make a GET api call to collect application state info from the server side. In the success callback, transfer the data into my global variable (service).

function successCallback(data) {
    identity.username = data.username;
    identity.email = data.email;
}

I assumed the identity will hold the data throughout my application. But it is not the case! In my other views, I inject identity into the controller

app.controller('anotherController', ['identity', anotherController];
function anotherController(identity){
    // access identity here.
    $scope.username=identity.username;
}

The first time I came to that view. username is correctly displayed on the page. But after a refresh, it appears the identity is null again! What can we do to make the value really persistent?

Services are singletons in an angular app, but the whole app restarts with an F5. You could maintain the state client side with localStorage. — Trey Mack
– Trey Mack, Commented Jul 7, 2014 at 19:45

Trey Mack · Accepted Answer · 2014-07-07 19:32:40Z

2

You're pointing the var identity to a new object that angular doesn't know about so it can't take that new value to another controller. I'd assign the callback's response to a property on identity:

app.value('identity', { data: null });

...

funciton successCallback(data) {
  // here, not overwriting identity, but editing a property
  identity.data = data;
}

controller:

app.controller('anotherController', ['identity', anotherController];
  function anotherController($scope, identity){

  // add the svc to the scope so you can access its properties later
  $scope.identity = identity;
}

html template:

{{ identity.data | json }}

edited Jul 7, 2014 at 19:32

answered Jul 7, 2014 at 18:47

Trey Mack

4,7752 gold badges29 silver badges37 bronze badges

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

1 Comment

Blaise Over a year ago

Thanks for the reply. Found another issue after marking it as the correct answer. I have updated the question a bit.

Collectives™ on Stack Overflow

How to update the global variable in AngularJS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related