Angular 9 маршрутизация после того, как childroute не работает - PullRequest
0 голосов
/ 04 марта 2020

У меня есть некоторые проблемы с реальной Angular 9 маршрутизацией. У меня есть angular маршрутизация, которая имеет несколько дочерних маршрутов. Если я возвращаюсь от дочернего маршрута к «только» основному маршруту без какого-либо дочернего маршрута, маршрутизация больше не работает. URL-адрес изменяется, но нет маршрутизации к компоненту. У вас есть идеи, что я сделал ложь? Для иллюстрации некоторые базовый c упрощенный код

  {path: 'index', component: MainComponent, data: {title: 'Hauptmenü'}},
  {
    path: 'banking', component: ChildStartpageComponent, data: {title: 'Übersicht'}, children: [
      {path: '', redirectTo: 'uebersicht', pathMatch: 'full'},
      {path: 'uebersicht', component: UebersichtComponent, data: {title: 'Übersicht'}}
]
}

Некоторые службы, которые вводятся @MainComponent для обработки для обеспечения доступности

 constructor(private router: Router,
              private activatedRoute: ActivatedRoute,
              private titleService: Title) {
  }

  activate() {
    this.router.events.pipe(
      filter(event => event instanceof NavigationEnd),
      map(() => {
        let child = this.activatedRoute.firstChild;
        while (child) {
          if (child.firstChild) {
            child = child.firstChild;
          } else if (child.snapshot.data && child.snapshot.data.title) {
            return child.snapshot.data.title;
          } else {
            return null;
          }
        }
        return null;
      })
    ).subscribe((data: any) => {
      if (data) {
        this.titleService.setTitle(data);
        setTimeout(() => {
          document.getElementById('screenreader').focus();
          window.scrollTo(0, 0);
        }, 300);

      }
    });
  }

Навигация осуществляется с помощью директивы и службы, но в обоих направлениях это не работает!

Большое спасибо заранее!

С наилучшими пожеланиями!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...