Совет № 13 [StaticProvider]

Одна из возможностей подключиться к процессу начальной загрузки приложения Angular — использовать токен APP_INITIALIZER . Хотя это задерживает отрисовку корневого компонента, это не препятствует немедленному созданию модулей и служб . Кроме того, если вы извлекаете некоторые данные как часть процесса, например, файл конфигурации приложения, вы не можете легко предоставить их под определенным токеном. К счастью, вы можете передать массив объектов StaticProvider в функцию platformBrowserDynamic в файле main.ts, которая отвечает за загрузку вашего приложения:

Вы можете легко получить доступ к файлу конфигурации приложения с помощью механизма Dependency Injection :

Кроме того, не только рендеринг корневого компонента, но и построение модулей и сервисов откладывается до получения конфигурационного файла:

В качестве альтернативы вы можете сохранить извлеченные данные в sessionStorage или в простом общем объекте JavaScript и по-прежнему использовать преимущество приостановки процесса начальной загрузки до тех пор, пока не будут получены необходимые данные .

Живой пример:

Если вам понравился совет, пожалуйста, поаплодируйте мне