Блог

Главная - Вопросы по программированию - Угловая навигация маршрутизатора к дочерним маршрутам

Угловая навигация маршрутизатора к дочерним маршрутам

#angular #angular-router #angular-router-params

#angular #angular-маршрутизатор #angular-router-параметры

Вопрос:

Вот как выглядит маршрут в моем приложении-routing-module.

 {
    path: 'subjects/:subjectId', component: MainComponent, canActivate: [AuthGuard],
    children: [
      {
        path: 'slideset/:slidesetId',
        component: MainComponent
      },
      {
        path: 'exercise/:exerciseId',
        component: MainComponent
      }
    ]
  }

Теперь в одном из моих компонентов, когда я пытаюсь это сделать, 

 this.router.navigate(['/subjects', studyFile.subjectId, studyFile.id ]);

он никогда не перенаправляет меня на этот путь 'slideset/:slidesetId'
Я не смог понять, почему? или это правильный способ перехода к дочернему компоненту?

Комментарии:

1. где вы выполняете эту навигацию? С родительского маршрута?

2. Попробуйте this.router.navigate(['subjects', studyFile.subjectId, 'slideset', studyFile.id ]);

3. Нет, с этого маршрута localhost:4200 / лекции .

4. @ArpitMeena круто, что это работает :), но route.params.subscribe(параметры => { console.log(‘параметры’, params); }); регистрирует только SubjectID

5. Круто, мы можем использовать как родительские, так и дочерние параметры, вот так, route.params.subscribe( params => { console.log(‘параметры’, params); }); маршрут. firstChild.params.subscribe(параметры => { console.log(‘дочерние параметры’, params); });