Dica nº 13[StaticProvider]

Uma das possibilidades de se conectar ao processo de inicialização do aplicativo Angular é usar o token APP_INITIALIZER . Embora atrase a renderização do componente raiz, não impede a criação imediata de módulos e serviços . Além disso, se você buscar alguns dados como parte do processo, por exemplo, arquivo de configuração do aplicativo, não poderá fornecê-los facilmente sob um determinado token. Felizmente, você pode passar um array de objetos StaticProvider para a função platformBrowserDynamic no arquivo main.ts que é responsável por inicializar sua aplicação:

Você pode acessar facilmente o arquivo de configuração do aplicativo com a ajuda do mecanismo de injeção de dependência :

Além disso, não apenas a renderização do componente raiz, mas também a construção de módulos e serviços é atrasada até que o arquivo de configuração seja buscado:

Como alternativa, você pode armazenar os dados buscados no sessionStorage ou em um objeto JavaScript compartilhado simples e ainda aproveitar a suspensão do processo de bootstraping até que os dados necessários estejam presentes .

Exemplo ao vivo:

Se você gostou da dica, por favor me dê alguns aplausos