Variables become undefined after page reloading

In current angularJS project, I stored some constants in a global array, while that array is set to undefined after I refresh the page.

The explanation I found online: 

http://stackoverflow.com/questions/21374643/rootscope-value-used-in-a-controller-is-overridden-when-refreshing-the-page-use

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