Угловой | Передайте параметр нескольким компонентам при навигации

Question

У меня есть такая структура в моем приложении:

<div class="container">
    <top-navbar></top-navbar>
    <router-outlet></router-outlet>
    <navbar></navbar>
</div>

Итак, у меня есть TopNavbarComponent, Router-Outlet и NavbarComponent.

Затем я создаю HomeComponent и AboutComponent.

Допустим, я хочу перейти от Home к About следующим образом:

Определение пути:

{ path: 'about/:parameter', component: AboutComponent },

В HomeComponent я делаю:

this.route.navigate(['/about', 'a parameter'])

У меня такой вопрос: Как я могу передать параметр TopNavbarComponent? , чтобы я мог получить его так:

this.activated_route.snapshot.params['parameter']

из TopNavbarComponent

Есть лиили я должен следовать другому подходу?

Решение делает то, что я хочу, но если у кого-то есть ответ на вопрос, как я предложил, это приветствуется

Answer 1

использовать параметры запроса

this.router.navigate(['/about'], { queryParams: { page: pageNum } });
//will give host-address/about?page=2

Или

this.router.navigate(['/about', { id: aboutId, foo: 'foo' }]);
 // will give host-address/about;id=15;foo=foo