Angular Call webapi перед сменой маршрутов

Question

--- Хотите позвонить в webapi до изменения маршрута в Angular ---

У меня есть две страницы с двумя компонентами:

СТР: ГЛАВНАЯ И О

Компоненты: home.component.ts & about.component.ts

Когда я перенаправляю со страницы ДОМОЙ НА и наоборот, я хочу вызвать Webapi до того, как он перейдет на другую страницу

Я попробовал 2 вещи, упомянутые ниже:

1. ngOnDestroy
2. Подписаться на события маршрутизатора

ПРИМЕР: Это то, что я пробовал до сих пор

Допустим, я перехожу с Home => About page, поэтому внутри метода home-компонента ниже приведены два случая

Home.component.ts :::: Вызов метода Webapi внутри метода ngOnDestroy.

------------------------------------------ ngOnDestroy ---- -------------------------------------------------- ---

public ngOnDestroy (): void {

    this.updateChanges(); // Indside this method, I have a service class that handles all http requests call

    // Unsubscribe from all subscriptions
    this._unsubscribeAll.next();
    this._unsubscribeAll.complete();

}

----------------------------------------------- Маршрутизатор ------------------------------------------------- -----------

Home.component.ts :::: Вызов Webapi с помощью подписки на события изменения маршрутизатора

public ngOnInit (): void {

this._router.events.subscribe((ev: Event) => {
           if (ev instanceof NavigationStart) {
                this.updateChanges(); // Indside this method, I have a service class that handles all http requests call
           }
        }
);

}

---

ПРОБЛЕМА: Внутри вкладки сети в браузере я вижу, что Webapi вызывается, но статус показывает Отменено. Есть идеи почему?

К вашему сведению: Webapi верен только. Работает нормально со страницей.