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.

score 3 · Answer 1 · edited May 23 '17 at 10:30

3

There are already similar questions with extensive discussion.

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

Haven't found the others.

edited May 23 '17 at 10:30

Community

1
1

answered Feb 18 '16 at 15:41

Günter Zöchbauer

623,577
216
2,003
1,567

score 1 · Answer 2 · answered Feb 18 '16 at 15:55

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);
    }

}

Angular 2 DI in base Component

2 Answers2