Retrieve the constant directly from the Angular module

Question

Retrieve the constant directly from the Angular module

Here are the lines I have:

var app = angular.module('app', []);
app.constant("const", {
   foo: "bar",
   test: "123"
});

I am trying to access the information in constant directly from the module app. However, this approach did not work:

console.log(app.constant.const.foo);

I am aware that you can inject constants into controllers, services, etc. to access the information. But for my specific needs, I want to access them directly from the module.

Is it true that the only way to access a registered constant is by injecting it into a controller/service, etc.?

javascript angularjs

Answer 1

Answer №1

If you need to access the const variable outside of the angularjs environment.

You can retrieve it using an injector. There are two ways to get the injector:

Obtain the current injector of a running angularjs application like this:

var injector = angular.element(document).injector(); // assuming `ng-app` is on the document
injector.get('const');

Create a new injector from existing modules:

var injector = angular.injector(['ng', 'app']); // note the 'ng' module is required this way
injector.get('const');

See Example Plunker: http://plnkr.co/edit/ld7LLlr94N7PiqnxY5zH

I hope this information is helpful.

Answer 2

If you need to access the const variable outside of the angularjs environment.

You can retrieve it using an injector. There are two ways to get the injector:

Obtain the current injector of a running angularjs application like this:

var injector = angular.element(document).injector(); // assuming `ng-app` is on the document
injector.get('const');

Create a new injector from existing modules:

var injector = angular.injector(['ng', 'app']); // note the 'ng' module is required this way
injector.get('const');

See Example Plunker: http://plnkr.co/edit/ld7LLlr94N7PiqnxY5zH

I hope this information is helpful.

Answer 3

Answer №2

In order to directly access the constant, you have the option of following this method:

let application = angular.module('app', []);
let application.constants = {foo: "bar", test: "123"};
application.constant("const", application.constants);
console.log(application.constants.foo);

However, I personally do not see any significant advantage in doing so ;)

Answer 4

In order to directly access the constant, you have the option of following this method:

let application = angular.module('app', []);
let application.constants = {foo: "bar", test: "123"};
application.constant("const", application.constants);
console.log(application.constants.foo);

However, I personally do not see any significant advantage in doing so ;)

Retrieve the constant directly from the Angular module

Answer №1

Answer №2

Similar questions

Top strategies for managing fixed datasets

The state update does not seem to be affecting the DOM

Assigning a value to ng-app is not functioning as expected

Angular 6 is throwing an error stating that the element 'app-action-button' is not recognized

Struggling to make the switch operational

Unexpected positioning of bars - d3.js

Sort through data based on specific data fields upon the button click event using JSON and Vue.js

Access to Orders on Shopify has been denied due to a GraphQL error

Server-side WebSocket doesn't appear to be successfully transmitting messages to the frontend

Eliminate any null strings from an object by comparing the object's previous state with its updated state

Creating a tooltip with a left arrow and a bordered design

Issue with Angular Route Guard - Incorrect redirection to login page

The Angular service encounters issues when interacting with REST API

Comparing AngularJS $interpolate with $filter

The initial setting of [opened]="true" causes an issue with the Angular Material date range picker

Show the helper text when a TextField is selected in Material UI

How can I find the last element that was selected using XPath in the browser console

Steps to display a single entry in a Laravel/Vue implementation

Guide to organizing an HTML table column with a header click using PHP and MySQL

Tips for transferring an array of objects from an input field to a new array in JavaScript