Angular 2 Dependency Injection - Inject object independantly of constructor

Question

Suppose that I have the following class:

export class Teacher {
    constructor( public name: String, private age: number ){}
    ...
}

Teachers are created like this:

const firstGradeTeacher: Teacher = new Teacher("Hannah", 32);

I want to add a logger to the teacher now. The logger is Injectable(). My first line of thinking was to do this:

export class Teacher {
    constructor( public name: String, private age: number, private logger: Logger ){}
    ...
}

Unfortunatly, this means that now everyone that constructs a teacher needs to either:

Have a logger or
Know how to construct a logger

What I would reallly like to do is this:

export class Teacher {
    private logger: Logger = Injector.get(); // <-- Does this exist?
    constructor( public name: String, private age: number){}
    ...
}

Is there a way that I can do this?

Possible duplicate of Storing injector instance for use in components — Estus Flask
– Estus Flask, Commented Sep 16, 2016 at 20:11

Community · Accepted Answer · 2017-05-23 12:32:29Z

The access to root injector is possible with a hack.

However, this designates XY problem. The class is supposed to be either injectable or non-injectable. It isn't a good idea to mix these concepts, because there's no idiomatic way to do this in Angular.

A factory for non-injectable class is a good way to handle this.

@Injectable()
class TeacherFactory {
  constructor(private logger: Logger) {}

  public createInstance(...args) {
    const teacher = new Teacher(...args);

    // or pass it as extra argument if logger is used in Teacher constructor
    teacher.logger = this.logger;

    return teacher;
  }
}

@Component({
  ...
  providers: [TeacherFactory]
})
class SomeComponent {
  constructor(private teacherFactory: TeacherFactory){
    const firstGradeTeacher: Teacher = teacherFactory.createInstance("Hannah", 32);
  }
}

Or

// non-injectable class
class TeacherFactory {}

@Component({
  ...
  providers: [{ 
    provide: TeacherFactory,
    deps: [Logger],
    useFactory: (logger: Logger) => (...args) => {
      const teacher = new Teacher(...args);
      teacher.logger = logger;

      return teacher;
    }
  }]
})
class SomeComponent {
  constructor(private teacherFactory: TeacherFactory){
    const firstGradeTeacher: Teacher = teacherFactory("Hannah", 32);
  }
}

Omar · Accepted Answer · 2016-09-16 20:21:08Z

-1

I think you are looking for this:

import { Optional } from '@angular/core';

export class Teacher {
   constructor(public name: String, private age: number, @Optional() private   logger: Logger) {
     if (this.logger) {
       this.logger.log(some_message);
    }
    ...
   }
 ...
}

answered Sep 16, 2016 at 20:21

Omar

1391 silver badge7 bronze badges

3 Comments

Estus Flask Over a year ago

Sadly, this won't make Logger to be injected automagically when the class is instantiated directly like that, new Teacher(...).

Omar Over a year ago

I don't know what you want to do exactly. What I understood is that you want your Logger to be an optional dependency, for that you need to annotate the logger in the constructor with @Optional().

Estus Flask Over a year ago

The question explains how Teacher class is supposed to be used. The injector would throw on Teacher class from your example, because other constructor annotations (public name: String, private age: number) are not providers.

Collectives™ on Stack Overflow

Angular 2 Dependency Injection - Inject object independantly of constructor

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related