How to share variable between 2 app with AngularJS

Question

I have an angularjs app with 2 main folder. Webapp -> admin / user.

Each one contain html and js files in order to display the webapp. All the app. is based on REST principal, so when I get the data from the backend (springMVC/Hibernate/JPA), it's a JSON file.

On the admin side, I have a user.js file with a controller :

Service.userRead($routeParams.id).then(function(data) {
     if (data.status == SUCCESS) {
           $scope.userIn = data.user;
           var color = $scope.userIn.bannerColor;

     } else {
           logger.warn('userRead: ' + JSON.stringify(data));    
           $scope.redirectTo('/users');
     }
}

On the user side, when the client is on the webapp (not connected to the admin side) I want to obtain the background-color previously stored for a particular user in the database. these hex code is for styling the header.

the question is : how can I retrieve data from the controller user.js and past the variable color to the header controller located in the other folder (HeaderController in user side) ?

Community · Accepted Answer · 2017-05-23 12:24:34Z

0

Refer AngularJS Modules/Scope Sharing

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Jan 17, 2017 at 14:37

Gayathri

1,9166 gold badges29 silver badges58 bronze badges

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

7 Comments

JohnCooper Over a year ago

thanks @Gayathri for your answer. but when I made it, on the other controller for console.log($rootScope.variable) I got "undefined".

Gayathri Over a year ago

Are both the controllers available in same module? Perhaps some more portion of code can help me identify why

Gayathri Over a year ago

Try module.controller('MyController', ['$scope', '$rootScope',function($scope, $rootScope) { ... }]);

JohnCooper Over a year ago

controllers are available in same module. Declared separately in two index.js as : var myApp = angular.module('myApp', ['ngAnimate', 'ngRoute', 'ngSanitize', 'angular-growl', 'angulartics', 'angulartics.google.analytics', 'myAppControllers']);

JohnCooper Over a year ago

and then : var controllers = angular.module('myAppControllers', []); in order to simplify the declaration of a controller in user.js controller for example

|

Collectives™ on Stack Overflow

How to share variable between 2 app with AngularJS

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related