Фоновый процесс без влияния Routing in Angular

Question

Я занимаюсь разработкой веб-приложения для Angular (версия 7.2.x) и в нем несколько компонентов, и каждый компонент связан с маршрутом.

Компонент № 1: ProcessDataComponent

В этом компоненте я выполняю HTTP-вызов на сервер.Этот вызов займет около минуты и вернет файл результатов как OctetStream (т. Е. ArrayBuffer) как ответ HTTP.

Компонент # 2: FeedbackComponent Простая форма для отправки данных на сервер (Обратная связь)

Если я выполняю HTTP-вызов в ProcessDataComponent (т. Е. Событие нажатия кнопки для запуска HTTP-вызова), я сразу же перехожу к обратной связи,Я не могу получить обработанные данные результата.Поскольку указанный компонент уничтожается и загружается с компонентом FeedbackComponent

, мне нужно вызвать HTTP-вызов в ProcessDataComponent, и это должно выполнить HTTP-вызов в фоновом режиме, независимо от маршрутизации.Пожалуйста, помогите мне, как этого добиться.

Answer 1

Вместо того, чтобы делать вызов внутри ProcessDataComponent, вы можете сделать это внутри AppComponent (тот, который содержит все приложение). Этот компонент долговечен и не будет уничтожен при навигации. Способ прослушивания нажатия кнопки (чтобы вызвать запрос), вероятно, должен быть через службу.

Вот краткое демо о StackBlitz .