Angular - inject in other way than constructor?

Question

In Angular, I have a service that has few things injected through the constructor(...). However that service is also at some place created by calling the constructor. Therefore, adding another service it depends on to the parameters would change the API. I'd like to avoid that.

Is there a way to inject a service into another service without adding it to the constructor parameters? E.g. field injection?

import {Inject, Injectable} from "@angular/core";
import {
    Http, Request, ConnectionBackend, RequestOptions, RequestOptionsArgs, Response, Headers,
    RequestMethod
} from "@angular/http";

import {KeycloakService} from "./keycloak.service";
import {Observable} from 'rxjs/Observable';
import {EventBusService} from "../events/event-bus.service";
import {LoadingSomethingFinishedEvent, LoadingSomethingStartedEvent} from "../events/windup-event";

@Injectable()
export class WindupHttpService extends Http {
    constructor(
        _backend: ConnectionBackend,
        _defaultOptions: RequestOptions,
        private _keycloakService: KeycloakService,
        // ----- This is what I want to avoid. -----
        private _eventBus: EventBusService,
    ) {
        super(_backend, _defaultOptions);
    }

    // -------  This is what I am looking for ---------
    //@Inject()
    //private _eventBus: EventBusService;

Based on your update the short answer is: no, Angular's DI only natively supports constructor injection. — jonrsharpe, Jul 22 '17 at 11:41

Maciej Treder · Accepted Answer · 2017-07-20T21:57:57.500

6

Yes and no.

You can use the Injector, but the best way is to inject it into the service:

constructor(private injector: Injector) {
        let httpService: Http = this.injector.get(Http);
}

More about Injector can be found here: https://angular.io/api/core/Injector

Here is also usable link, as @DBosley mentioned: https://angular.io/guide/dependency-injection#appendix-working-with-injectors-directly

edited Jul 20 '17 at 21:57

answered Jul 20 '17 at 21:49

Maciej Treder

11,866
5
51
74

2

Here are some good examples: https://angular.io/guide/dependency-injection#appendix-working-with-injectors-directly – DBosley Jul 20 '17 at 21:51
@Dbosley Thanks for this link :) – Maciej Treder Jul 20 '17 at 21:52

jonrsharpe · Answer 2 · 2017-07-21T06:53:17.827

You can do this within Angular's DI using factory providers:

injectFields(dependency: SomeDependency) {
  let service = new FieldInjectedService();
  service.dependency = dependency;
  return service;
}

...

providers: [
  { provide: FieldInjectedService, useFactory: injectFields, deps: [SomeDependency] },
  ...
]

Here the FieldInjectedService doesn't have any constructor parameters, but must have its dependency property set to be any use. The downside, of course, is that nothing here requires you to set those fields, so you could easily create an invalid instance of the service.

score 0 · Answer 3 · answered Feb 23 '23 at 14:48

Dependencies field injection comes with angular 14:

import { Component, inject } from '@angular/core';

@Component({
  selector: 'app-demo',
  templateUrl: './demo.component.html',
  styleUrls: ['./demo.component.scss']
})
export class DemoComponent {
  private _service = inject(Service);
}

see documentation

Angular - inject in other way than constructor?

3 Answers3

Linked