Início / coding / Perguntas / 79438678
Accepted
Raphaël Balet
Asked: 2025-02-14 15:55:10 +0800 CST

Como usar useFactory com deps no novo provideAppInitializer?

  • 772

Eu tinha o seguinte código onde eu quero que o armazenamento seja inicializado primeiro, depois a sessão e então você deve entrar no aplicativo.

export function initApp(
  storage: StorageService,
  session: SessionService,
) {
  return async () => {
    await firstValueFrom(
      storage.initialized$.pipe(
        filter((event) => (event ? true : false)),
        take(1),
      ),
    )

    await firstValueFrom(
      session.initialized$.pipe(
        filter((event) => (event ? true : false)),
        take(1),
      ),
    )
  }
}

Eu costumava implementá-lo como segue

{
  provide: APP_INITIALIZER,
  useFactory: initApp,
  deps: [StorageService, SessionService],
  multi: true,
},

Mas com o último provideAppInitializer não consigo encontrar uma maneira de fornecer dependências para meu método.

Parece que a equipe angular mudou a maneira de implementá useFactory-lo da seguinte forma:

provideAppInitializer(() => {
  const initializerFn = ((service: Service) => {
    return () => service.init();
  })(inject(Service));
  return initializerFn();
});

Mas não consigo entender onde colocar minhas dependências.

Alguém tem alguma ideia?

angular

1 respostas

  1. Best Answer

    Basta injetar e usar.

    Certifique-se de que o método init retorna uma promessa.

    provideAppInitializer(() => {
  const service: Service = inject(Service);
  return service.init();
});

    Se você quiser que a inicialização aconteça sequencialmente, use switchMap.

    provideAppInitializer(() => {
  const storage: StorageService = inject(StorageService);
  const session: SessionService = inject(SessionService);
  return firstValueFrom(
      storage.initialized$.pipe(
        filter((event) => (event ? true : false)),
        take(1),
        switchMap(() => {
          return session.initialized$.pipe(
            filter((event) => (event ? true : false)),
            take(1),
          )
        })
      ),
      
  );
});

    Você pode simplificar seu código para:

    provideAppInitializer(() => {
  const storage: StorageService = inject(StorageService);
  const session: SessionService = inject(SessionService);
  return firstValueFrom(
    forkJoin([ 
      storage.initialized$.pipe(
        filter((event) => (event ? true : false)),
        take(1),
      ),
      session.initialized$.pipe(
        filter((event) => (event ? true : false)),
        take(1),
      ),
    ])
  );
});
    • 2

relate perguntas