How to extend a component with dependency injection?

by

If you want to avoid this “boiler plate” code injecting services in child classes just for injection in parent classes’ constructor and then effectively using that services in child classes through inheritance, you could do this:

edit: from Angular 5.0.0 ReflectiveInjector has been deprecated in favour of StaticInjector, below is updated code to reflect this change

Have a services map with deps,

export const services: {[key: string]: {provide: any, deps: any[], useClass?: any}} = {
  'FetchApi': {
    provide: FetchApi,
    deps: []
  }
}

Have an Injector holder,

import {Injector} from "@angular/core";

export class ServiceLocator {
  static injector: Injector;
}

set it up in AppModule,

@NgModule(...)
export class AppModule {
  constructor() {
    ServiceLocator.injector = Injector.create(
      Object.keys(services).map(key => ({
        provide: services[key].provide,
        useClass: services[key].provide,
        deps: services[key].deps
      }))
    );
  }
}

use the injector in parent class,

export class ParentClass {

  protected fetchApi: FetchApi;

  constructor() {
    this.fetchApi = ServiceLocator.injector.get(FetchApi);
    ....
  }
}

and extend parent class so you don’t need to inject the FetchApi service.

export class ChildClass extends ParentClass {
  constructor() {
    super();
    ...
  }

  onInit() {
    this.fetchApi.call();
  }
}

More Related Contents:

  1. Ioc/DI – Why do I have to reference all layers/assemblies in application’s entry point?
  2. Is there a pattern for initializing objects created via a DI container
  3. Why not use an IoC container to resolve dependencies for entities/business objects?
  4. Why do I need an IoC container as opposed to straightforward DI code? [closed]
  5. What is a composition root in the context of dependency injection?
  6. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  7. Why does one use dependency injection?
  8. How to inject window into a service?
  9. Dependency Injection vs Factory Pattern
  10. Inversion of Control vs Dependency Injection
  11. Inversion of Control < Dependency Injection [closed]
  12. Dependency injection through constructors or property setters?
  13. Passing data into “router-outlet” child components
  14. Avoiding all DI antipatterns for types requiring asynchronous initialization
  15. When to use PerThreadLifetimeManager?
  16. Circular dependency injection angular 2
  17. Comparing Castle Windsor, Unity and StructureMap
  18. When are .NET Core dependency injected instances disposed?
  19. Meaning of bean discovery mode annotated in CDI 1.1
  20. Property Injection in ASP.NET Core
  21. Dagger @Reusable scope vs @Singleton
  22. What is the purpose of the getter methods in Components in Dagger 2?
  23. MEF (Managed Extensibility Framework) vs IoC/DI
  24. ASP.Net Core Call a controller from another controller
  25. When to use Dependency Injection
  26. Passing constructor arguments when using StructureMap
  27. Net Core Dependency Injection for Non-Controller
  28. Resolving HttpControllerContext with Castle Windsor
  29. How do I handle classes with static methods with Ninject?
  30. Windsor castle Injecting properties of constructed object

Leave a Comment