If you reload your page all information that you store in JavaScript variables are lost. $rootScope is nothing more then a variable in JavaScript. If you want to store something that persists a page reload there are at least the following possibilities:
- use a Cookie (in angular you could use the $cookieStore)
- use some of the new HTML5 features like Locale Storage, Web DB or the old DOM Storage (http://en.wikipedia.org/wiki/Web_storage)
- store your data on a server
Then I selected a plugin angular-local-storage as the solution.
https://github.com/grevory/angular-local-storage