Можно ли показать пользователю уведомление после того, как ответ от API будет возвращен, и пользователь перешел на другую страницу?

Question

Во-первых, извиняюсь за отсутствие кода на этом, я просто ищу ясности относительно того, можно ли это сделать и какие API / библиотеки позволят мне это сделать.

У меня есть интерфейс веб-приложения, написанный на Angular.Одна из внутренних служб, из которой она извлекает данные, часто может возвращаться в течение 2-3 минут из-за расположения сервера и характера возвращаемых данных.Прямо сейчас у меня есть анимированный спиннер, который отображается на внешнем интерфейсе до тех пор, пока ответ не будет возвращен, что не очень хорошо, так как это мешает пользователю что-либо делать, пока он не получит ответ.Что я хотел бы знать, можно ли отправить запрос из внешнего интерфейса и позволить пользователю перемещаться по сайту, пока не будет возвращен ответ?

Что-то вроде:

Нажмите кнопку> Вызов API отправлен> пользователь переходит на другую страницу> пользователь переходит на другую страницу> Ответ API возвращается> уведомление кратко отображается в интерфейсе, чтобы позволить пользователюзнаю, что их действие завершено.

Я просматривал push-уведомления, но предпочел бы, чтобы уведомление было настоящим HTML-элементом.

Answer 1

Да, это вполне выполнимо.

У вас должно быть уведомление component в корне или в том месте, где вам нужно отобразить уведомления. Теперь этот компонент должен получить данные из уведомлений service, где вы можете сохранить ответ после того, как ваш API завершен.

Все, что вам нужно сделать, это использовать Subject / BehaviourSubject в NotificationService и вставить новое значение / результат в него после завершения вызова API. Теперь компонент уведомления получит новое значение / ответ и отобразит сообщение по мере необходимости.

Проверьте это и этот ответ , чтобы увидеть BehaviourSubject пример