Inject Service In Extendable Class Typescript

Question

I am aware of DI injection pattern in angular but now I am implementing Nebular so the class needs to be extend , hence unable to use constructor in this case (given that have never worked with super calls)

The issue is

this.authenticationService

is null despite of adding in provider.

Please help me solve this or let me know how to inject service in this case without a constructor.

Answer 1

you have to inject all the params in child constructor again call super() with params as follows.

export class ChildComponent extends ParentComponent {

   constructor(prentDepService1:any,prentDepService2:any)
   {
     super(prentDepService1,prentDepService2);
   }
}

Answer 2

Update your constructor to:

export class NgxLoginCustomComponent extends NbLoginComponent {
    constructor(
        nbAuthservice: NbAuthService,
        @Inject(NB_AUTH_OPTIONS) options = {},
        cd: ChangeDetectionRef,
        router: Router,
        authService: AuthenticationService
    ) {
        super(nbAuthservice, options, cd, router, authService);
    }
}

Refer this issue in Nebular's repository.