How to call a service in angular APP_Initializer?

Question

I want to load api data before app onInit(). I am not able to inject the service dependency.

How I can inject that?

import { GetComissionService } from '../app/services/get-comission.service';


function initializeApp(comissionService: GetCommissionService): Promise<void> {
  return new Promise((resolve, reject) => {
    GetComissionService.getCommission('item').subscribe(data => {
      console.log(data);
      resolve();
     })
  });
}


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule
  ],
  providers: [{
    provide: APP_INITIALIZER,
    deps: [GetComissionService],
    useFactory: () => initializeApp,
    multi: true
   }],
  bootstrap: [AppComponent]
})

EDIT 1: adding error message images

Getting these errors while injecting service

You should also call resolve() after you get the data from your service. — OctavianM
– OctavianM, Commented Nov 22, 2021 at 14:32
@OctavianMărculescu I added but I am having issue while injecting the dependency. Its giving error — IamGrooot
– IamGrooot, Commented Nov 22, 2021 at 15:17

OctavianM · Accepted Answer · 2021-11-23 06:40:09Z

1

You also need to have a parameter on the initializeApp function for the service. Try this:

export function initializeApp(comissionService: GetComissionService): Promise<any> {
  return new Promise((resolve, reject) => {
    comissionService.getCommission('item').subscribe(data => {
      console.log(data);
      resolve();
     })
  });
}

edited Nov 23, 2021 at 6:40

answered Nov 22, 2021 at 14:33

OctavianM

4,6171 gold badge18 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

IamGrooot Over a year ago

While adding parameter it says Cannot find name 'GetCommissionService' so removed it.

sharko Over a year ago

@IamGrooot, How do you provide GetComissionService for your module?

IamGrooot Over a year ago

@sharko I have updated the question with error message picture. Please check

OctavianM Over a year ago

Please note that what my snippet uses is actually the parameter of the function, not the type name as you are using there. Please try to replace your whole function with the snippet I posted (using copy and paste).

OctavianM Over a year ago

I made a typo, I added an extra m in the word comission. Please remove one of the extra ms and you should be good. I also updated the answer.

|

Collectives™ on Stack Overflow

How to call a service in angular APP_Initializer?

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related