1

Есть Angular приложение, необходимо выполнить запрос на получение пользовательских данных до загрузки всего приложения, т.е необходимо дождаться ответа от сервера, записать данные в ngRx storage и только потом загружать приложение.

Для чего это нужно: Есть страницы админки которые должны быть ограничены и проверять авторизован ли пользователь,а эта информация должна приходить в ответе от сервера.

Или есть другие способы реализации подобного функционала?

2
  • а что не используете fetch() по религиозным соображениям? с анжела и fetch на одной странице - не комильфо?
    – DiD
    28 дек 2020 в 11:37
  • 1
    Есть другой способ - загружаете страницу, блокируете, или не показываете те функции, которые относятся к администратору, в этот момент делаете запрос на сервер, получаете ответ и в зависимости от статуса ответа все разблокируете/оставляете заблокированным, или показываете/не показываете. 28 дек 2020 в 15:50

1 ответ 1

1

Для этого можно использовать токен APP_INITIALIZER. Статья с примером

Если вкратце, то в корневом модуле (например, app.module.ts) необходимо добавить новый провайдер: {provide: APP_INITIALIZER, useValue: () => promise, multi: true}]}, где useValue - метод, возвращающий промис. Когда промис разрезольвится - приложение продолжит выполняться. Т.е. в useValue можно передать метод сервиса, отвечающего за инициализацию приложения, а в этом методе уже отправлять запрос, устанавливать состояние и выполнять прочие необходимые для работы приложения манипуляции. Главное по окончанию не забыть про resolve.

1

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.