rootscope

I set a $rootScope variable in one of my modules and now want to access that same $rootScope variable in another module. Thus far I can see that in both modules the variable has been set properly, but when I try accessing the variable in $rootScope, I only get undefined. How can I access this variable without doing a factory/service workaround? The variable is really simple and $rootScope should suffice for what I need. I've put some generic sample code below to illustrate the issue: file1.js var app = angular.module('MyApp1', []); app.controller('Ctrl1', ['$scope', '$rootScope', function(

I am new to angular. I am using a service which gets a list of objects and displays them on the 1st page. Then based on what object was clicked, I am setting the tab header on the next page. But while I am refreshing the page the scope of the list is lost and the tab header is throwing the exception resulting the page to not display the information. Is there any way to retain the information that which object was clicked on previous screen even when refreshing the 2nd page? You can make use of angular local storage Angular Local Storage Example how to use it: Example To Use Local Storage If

While am looking into the FEQs of Angularjs I've seen below article: $rootScope exists, but it can be used for evil Scopes in Angular form a hierarchy, prototypally inheriting from a root scope at the top of the tree. Usually this can be ignored, since most views have a controller, and therefore a scope, of their own. Occasionally there are pieces of data that you want to make global to the whole app. For these, you can inject $rootScope and set values on it like any other scope. Since the scopes inherit from the root scope, these values will be available to the expressions attached to

My application initializes an object graph in $rootScope, like this ... var myApp = angular.module('myApp', []); myApp.run(function ($rootScope) { $rootScope.myObject = { value: 1 }; }); ... and then consumes data from that object graph (1-way binding only), like this ... <p>The value is: {{myObject.value}}</p> This works fine, but if I subsequently (after page rendering has completed) try to update the $rootScope and replace the original object with a new one, it is ignored. I initially assumed that this was because AngularJS keeps a reference to the original object, even though I have

Tried to find some basic information for AngularJS $rootScope.$broadcast , But the AngularJS documentation doesn't help much. In easy words why do we use this? Also, inside John Papa's Hot Towel template there is a custom function in the common module named $broadcast : function $broadcast() { return $rootScope.$broadcast.apply($rootScope, arguments); } I did not understand what this is doing. So here are couple of basic questions: 1) What does $rootScope.$broadcast do? 2) What is the difference between $rootScope.$broadcast and $rootScope.$broadcast.apply ? user1412031 What does $rootScope.