Angular 2 DI in base Component

Question

Let's say I have a Base Component -

export class BaseComponent {

    public constructor(public myService: MyService) {

    }

}

And a Derived Component -

export class DerivedComponent extends BaseComponent {

    public constructor(public myService: MyService) {
        super(myService);
    }

}

But I only really need the myService dependency in BaseComponent. Is there any way to avoid having to add the extra constructor to DerivedComponent?

Removing the dependency from the DerivedComponent seems to result in it not being injected.

Answer 1

There are already similar questions with extensive discussion.

The answer is basically - no, you can't.

• https://github.com/angular/angular/issues/5675
• https://github.com/angular/angular/issues/5155
• How to extend a component with dependency injection in Angular 2?

Haven't found the others.

Answer 2

you can't remove the constructor from the DerivedComponent class. But with your code, you have two property named 'myService' in DerivedComponent class. You can simplify the constructor :

export class DerivedComponent {

    public constructor(myService: MyService) {
        super(myService);
    }

}