I have this in my AppCtrl.js:
$scope.facebookUserDone = $q.defer();
and I would like to access this variable from a view's controller :
WeightLevel.js:
$q.when($scope.facebookUserDone.promise).then(function () {
$scope.userFaceUrl = userr.pictureUrl;
});
Is that possible or should I put the variable on the $rootScope ?
Create a factory to store the variable in and then inject this factory into both controllers.
Factory
angular
.module('app')
.factory('dataservice', dataservice);
function dataservice($http, logger) {
var dataStore = {};
return {
setVariable: setVariable,
getVariable: getVariable
};
function setVariable(name,value) {
dataStore[name] = value;
}
function getVariable(name){
return dataStore[name]
}
}
Controllers
angular.module('app').controller('MyCtrl', myCtrl);
myCtrl.$inject = ['$scope','dataservice'];
function myCtrl($scope,dataservice){
dataservice.setVariable('foo','bar');
$scope.foo = dataservice.getVariable('foo');
}
Using the dataservice you can now setVariable and store this to the factory and access this from any controller using the dataservice.getVariable method.
Create a Service and Inject in both Controllers.
Just to offer some other solutions. You can use either values or events (depends on your setup as you might have some concurrency issues).
The following example describes the usage of angular values in your case and assumes your module is called "app".
angular
.module('app')
.value('states', {
facebookUser: null
});
Then in your AppCtrl, you can inject the "states" value set it to a deferred promise:
angular
.module('app')
.controller('AppCtrl', ($q, states) => {
states.facebookUser = $q.defer();
});
This way you can inject and access the value in your other controllers.
Using values might be great if you just need some kind of global state. If you need something more robust, using service or factory might be more appropriate.
