Every time $injector.get is invoked, it triggers the run() method of the Angular module

Question

Every time $injector.get is invoked, it triggers the run() method of the Angular module

I find myself in a situation where I need to manually retrieve objects from the Angular $injector.

Up until now, I have been using the following approach:

var injector = angular.injector(['app.service', 'ng']);
var myService = injector.get('myService');

While this method worked well, I recently encountered an issue. It seems that every time I call angular.injector, the run() method of the app.service module is triggered. This has led to my app initialization logic getting executed multiple times unnecessarily.

Should I consider moving my app bootstrapping code out of the run() method, or is there a way to obtain the $injector without triggering the run() method?

Additionally, I am concerned about the potential performance implications of frequently calling the injector. Is this a valid concern?

javascript angularjs

Answer 1

Answer №1

The information provided may not be entirely clear, but it is important to note that angular.injector does indeed initialize the entire module including config and run blocks (which helps prevent issues with app components relying on these blocks).

It's also worth mentioning that instances of module services, such as $rootScope, will not be the same as those within a bootstrapped app.

You have the flexibility to organize the module in a way that makes its services easy to use, but do keep in mind that you may not be able to interact with a running Angular app. If you need to use the same code both inside and outside of Angular, it should be defined outside.

If your goal is to interact with a running app, then using

var injector = angular.element(document).injector();

as the documentation suggests.

There might be concerns about performance when calling the injector frequently?

While there may be some RAM and CPU overhead involved, the impact on performance will vary depending on your specific module.

Answer 2

The information provided may not be entirely clear, but it is important to note that angular.injector does indeed initialize the entire module including config and run blocks (which helps prevent issues with app components relying on these blocks).

It's also worth mentioning that instances of module services, such as $rootScope, will not be the same as those within a bootstrapped app.

You have the flexibility to organize the module in a way that makes its services easy to use, but do keep in mind that you may not be able to interact with a running Angular app. If you need to use the same code both inside and outside of Angular, it should be defined outside.

If your goal is to interact with a running app, then using

var injector = angular.element(document).injector();

as the documentation suggests.

There might be concerns about performance when calling the injector frequently?

While there may be some RAM and CPU overhead involved, the impact on performance will vary depending on your specific module.

Every time $injector.get is invoked, it triggers the run() method of the Angular module

Answer №1

Similar questions

Populating dropdown menu with data fetched from an AJAX request

Server-side props become inaccessible on the client side due to middleware usage

Encountered a network error: A rogue token < was found in JSON at position 0 within a new Apollo

Vanishing Act: React-js MUI Tooltip vanishes upon clicking

Update image source dynamically using AJAX and jQuery

Exploring the Variance between 'npm run serve' and 'npm run dev' Commands in Vue.js Development

Ways to align and fix a button within a specific div element

Can you provide the function that updates subscription and account details using Recurly JS?

Redirect to a specific webpage depending on a certain condition

What is the process for using Selenium and Java to upload a file via an 'input' element with the type "hidden"?

Creating a versatile menu component: A step-by-step guide

What are the steps to integrate jQuery into an Angular 8 application?

Utilizing D3.js: Applying Multiple Classes with Functions

Transferring the AJAX response into a JavaScript variable

The quirks of JSON.stringify's behavior

Eliminate numerous items from an array containing objects

I encountered an error while attempting to import a file into Firebase Storage

The requested resource lacks the 'Access-Control-Allow-Origin' header in a basic HTML form

What are the steps for performing a self-triggered AJAX post request?

Fetching JSON Data from Web Service using Ajax URL Field - A Simple Guide