I have some static config-like values that are used throughout the web app. Currently I am creating directives to put them into the $scope, but that seems awfully wasteful.
Is there a way for angular expressions to directly access some kind of "static" values defined either in some module or in the Javascript global scope?
First, consider if globals/statics are the way to go...
If so, define your statics as values in angular:
angular.module('globals', [])
.value('serverConfig', 'xyz')
.value('foo', { x:4, y: 5 })
// etc
You can use those globals from code with normal dependency injection; use a run function to place them in the $rootScope, so that they are also available in expressions:
angular.module(...)
.run(['$rootScope', 'serverConfig', 'foo', function($rootScope, serverConfig, foo) {
$rootScope.serverConfig = serverConfig;
$rootScope.foo = foo;
// etc
}]);
If you only need them available in expressions, just use the run() function.
You can use the constant in angularjs,it will be helpful.
module.constant(name, object);
or
module.value(name, object);
or
you can use localStorage in html5(It cannot store the object),for storing object use localStorageModule third party js
