How do I store a current user context in AngularJS?

by

The easiest way to accomplish this is by using a service. For example:

app.factory( 'AuthService', function() {
  var currentUser;

  return {
    login: function() { ... },
    logout: function() { ... },
    isLoggedIn: function() { ... },
    currentUser: function() { return currentUser; }
    ...
  };
});

You can then reference this in any of your controllers. The following code watches for changes in a value from the service (by calling the function specified) and then syncs the changed values to the scope.

app.controller( 'MainCtrl', function( $scope, AuthService ) {
  $scope.$watch( AuthService.isLoggedIn, function ( isLoggedIn ) {
    $scope.isLoggedIn = isLoggedIn;
    $scope.currentUser = AuthService.currentUser();
  });
});

And then, of course, you can use that information however you see fit; e.g. in directives, in templates, etc. You can repeat this (customized to what you need to do) in your menu controllers, etc. It will all be updated automatically when you change the state on the service.

Anything more specific depends on your implementation.

Hope this helps!

More Related Contents:

  1. how to convert the float 9.88 number to integer 9 in angularjs?
  2. ‘this’ vs $scope in AngularJS controllers
  3. How can I dynamically add a directive in AngularJS?
  4. Binary files corrupted – How to Download Binary Files with AngularJS
  5. AngularJS – Does $destroy remove event listeners?
  6. Sending event when AngularJS finished loading
  7. AngularJS vs Angular [closed]
  8. AngularJS – pass function to directive
  9. How to skip the OPTIONS preflight request?
  10. Error: 10 $digest() iterations reached. Aborting! with dynamic sortby predicate
  11. How to select an element by classname using jqLite?
  12. Angularjs: input[text] ngChange fires while the value is changing
  13. Angular.js: How does $eval work and why is it different from vanilla eval?
  14. angular $q, How to chain multiple promises within and after a for-loop
  15. Angular JS: how to bind to promises
  16. Order by Object key in ng-repeat
  17. $apply vs $digest in directive testing
  18. Redirect using AngularJS
  19. Angular JS break ForEach
  20. Angular scope function executed multiple times
  21. How to wait till the response comes from the $http request, in angularjs?
  22. What’s the meaning of require: ‘ngModel’?
  23. Angular directive for a fallback image
  24. How to use `replace` of directive definition?
  25. Why give an “abstract: true” state a url?
  26. ng-repeat specify a starting index
  27. how to make synchronous http request in angular js
  28. How to detect if a user clicks browser back button in Angularjs
  29. how do I get ng-include directive to work with a Content Delivery Network?
  30. Inject module dynamically, only if required

Leave a Comment