Навигация сработала за пределами зоны Angular, вы забыли вызвать ngZone.run ()?

Обычно это происходит, когда вы обертываете угловые вызовы внутри некоторого внешнего обратного вызова js из внешнего JavaScript, не связанного с угловым кодом.

Пример app.component.ts:

callMyCustomJsLibrary() {
  googleSdk.getLocations(location => this.getEmployees());
}

getEmployees(): void {
    this.employeeService.getEmployees().subscribe(e => {
        this.employees = e;
    });
}

В этом случае вам нужно будет включить вызов в NgZone, например: this.ngZone.run(() => this.getEmployees());

Тогда app.component.ts будет выглядеть следующим образом:

callMyCustomJsLibrary() {
  googleSdk.getLocations(location => this.ngZone.run(() => this.getEmployees()));
}

getEmployees(): void {
    this.employeeService.getEmployees().subscribe(e => {
        this.employees = e;
    });
}

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

в конструкторе добавить приватную зону: NgZone.

private zone: NgZone

this.zone.run(() => {
                    this.router.navigate(['/login']);
                });

Если я говорю сверху, то это предупреждение означает, что событие запускается за пределами зоны. Angular использует зоны, также называемые контекстами выполнения для обнаружения изменений и визуализации пользовательского интерфейса. Итак, при навигации Angular ожидает повторного рендеринга пользовательского интерфейса, но здесь этого не происходит. Это проблема, с которой вы столкнулись. Таким образом, он выдает это предупреждение, потому что Angular обрабатывает обнаружение изменений и рендеринг пользовательского интерфейса, когда выполняемый код находится внутри зоны Angular.

Но на самом деле это предупреждение появляется, когда вы пытаетесь вызвать навигацию по маршрутизатору внутри метода подписки.

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

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

https://blog.othingtram.io/angular/2017/02/21/using-zones-in-angular-for-better-performance.html#running-outside-angulars-zone

https://www.youtube.com/watch?v=3IqtmUscE_U&t=150

У меня такая же проблема. У меня это сработало, у вас есть два пути:

Первая форма:

document.location.href=`/component/${param}/...`

Проблема в том, что он перезагрузит все приложение, и это замедлит его работу.

Второй способ:

Импортировать это

import { Router } from '@angular/router';
import { Component, NgZone } from '@angular/core';

конструктор:

 constructor(private _ngZone: NgZone, private _router: Router) { }


  goTo(comp, param){
    this._ngZone.run(()=>{
    this._router.navigate([comp, param])
    });
  }

Поэтому, когда вы хотите перейти к своему компоненту, просто:

this.goTo("/myComponent", "my-param-value");

Я надеюсь это сработает для тебя

Рабочее решение - FIX

 ngAfterViewInit(): void {
    let self = this;
      this.platform.backButton.subscribe(() => {
      console.log("back preseed \n \n");

      self._ngZone.runOutsideAngular(() => {
        setTimeout(() => {
          self.Router.navigateByUrl("/stock-management");
        }, 100);
      });
    });
  }

Это произойдет, если вы попытаетесь внедрить заказную услугу:

constructor(private myService: MyService) {
}

пока вы забыли указать это в конфигурации модуля:

@NgModule({
  providers: [
    MyService
  ]