Попробуйте использовать этот шаблон реализации для всех компонентов ng2.

https://angular.io/api/core/ChangeDetectorRef#detach-change-detector-to-limit-how-often-check-occurs

Идея заключается в том, что он удалит компонент из обновления или рендеринга, выполняемого angularjs.

Из документации:

class DataListProvider {
  // in a real application the returned data will be different every time
  get data() { return [1, 2, 3, 4, 5]; }
}

@Component({
  selector: 'giant-list',
  template: `
      <li *ngFor="let d of dataProvider.data">Data {{d}}</li>
    `,
})
class GiantList {
  constructor(private ref: ChangeDetectorRef, private dataProvider: DataListProvider) {
    ref.detach();
    setInterval(() => { this.ref.detectChanges(); }, 5000);
  }
}

@Component({
  selector: 'app',
  providers: [DataListProvider],
  template: `
      <giant-list><giant-list>
    `,
})
class App {
}

Вы собираетесь по существу detach () компонент, а затем вручную обнаруживать изменения.

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

Кроме того, это может работать, но это обходной путь, учитывая README @ https://github.com/ui-router/angular-hybrid#limitations

В этом разделе README можно предположить, что переход на более раннюю версию не является беспроблемным вариантом:

Ограничения:

В настоящее время мы поддерживаем маршрутизацию компонентов Angular (2+) или AngularJS (1.x) в пользовательский интерфейс AngularJS (1.x). Однако мы не поддерживаем маршрутизацию компонентов AngularJS (1.x) в пользовательский интерфейс Angular (2+).

Если вы создаете пользовательский интерфейс Angular (2+), то любой вложенный пользовательский интерфейс также должен быть Angular (2+).

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

Вы пробовали заглянуть в UrlHandlingStratery? Нам удалось использовать Angular поверх стека AngularJS и при необходимости медленно переписать.

Что мы сделали, так это то, что мы использовали маршрутизатор Angular и AngularJS, используя UrlHandlingStrategy, чтобы определить, какой маршрут должен обрабатываться Angular, и если маршрут не будет обрабатываться Angular, он перейдет к маршруту AngularJS.

Не заглядывая в вашу настройку, могу только догадываться. Может быть, потому что маршрут все время идет туда-сюда,