Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller

by

Module.value(key, value) is used to inject an editable value,
Module.constant(key, value) is used to inject a constant value

The difference between the two isn’t so much that you “can’t edit a constant”, it’s more that you can’t intercept a constant with $provide and inject something else.

// define a value
app.value('myThing', 'weee');

// define a constant
app.constant('myConst', 'blah');

// use it in a service
app.factory('myService', ['myThing', 'myConst', function(myThing, myConst){
   return {
       whatsMyThing: function() { 
          return myThing; //weee
       },
       getMyConst: function () {
          return myConst; //blah
       }
   };
}]);

// use it in a controller
app.controller('someController', ['$scope', 'myThing', 'myConst', 
    function($scope, myThing, myConst) {
        $scope.foo = myThing; //weee
        $scope.bar = myConst; //blah
    });

More Related Contents:

  1. AngularJS routing without the hash ‘#’
  2. Delaying AngularJS route change until model loaded to prevent flicker
  3. What is the difference between angular-route and angular-ui-router?
  4. Angular IE Caching issue for $http
  5. Migrating AngularJS to Angular 4,5 (with DEMO) [closed]
  6. Angularjs – ng-cloak/ng-show elements blink
  7. How to add many functions in ONE ng-click?
  8. How to reload or re-render the entire page using AngularJS
  9. Angularjs “Controller as” or “$scope”
  10. orderBy multiple fields in Angular
  11. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  12. AngularJS – Image “onload” event
  13. ngRepeat Filter by deep property
  14. Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)
  15. AngularJS Directives: Change $scope not reflected in UI
  16. Failed to instantiate module [$injector:unpr] Unknown provider: $routeProvider
  17. How to make lodash work with Angular JS?
  18. UI-router interfers with $httpbackend unit test, angular js
  19. Handle open/collapse events of Accordion in Angular
  20. CORS: credentials mode is ‘include’
  21. how to bind Bootstrap-datepicker element with angularjs ng-model?
  22. Angularjs does not load scripts within ng-view
  23. Angular $http is sending OPTIONS instead of PUT/POST
  24. Hour difference between two times(HH:MM:SS a)in momentjs
  25. How can I use HTTPS in AngularJS?
  26. Add ng-click dynamically in directive link function
  27. WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400
  28. Two way binding not working in directive with transcluded scope
  29. Angular – extending $resource subobject with custom methods
  30. I don’t understand the use of $inject in controllers

Leave a Comment