Угловой routerLink относительно параметра переменной маршрута

Question

У меня есть приложение Angular, в котором корневой каталог является переменным параметром маршрута:

/:demo_profile/(etc).

Я не могу использовать относительный путь, потому что мой routerLink доступен из разных компонентов / маршрутов.

Как я могу установить цель routerLink относительно корня моего сайта, за которой следует этот параметр? т.е.

/SomeRoute/home

Мои маршруты:

const routes: Routes = [
  {
    path: ':demo_profile',   
    children: [
      {
        path: '',
        redirectTo: 'home',
        pathMatch: 'full'
      },
      {
        path: 'home',    
        component: HomeComponent,
      },
      {
        path: 'cards',    
        component: CardsComponent,
      },
      {
        path: 'card/:id',    
        component: CardComponent,
      },
      {
        path: 'help',    
        component: HelpComponent,
      },
      {
        path: '**',    
        redirectTo: ':demo_profile',
      }
    ]
  },
  {
    path: '\**',    
    redirectTo: '/DGInsureCo/home',
  }
];

Answer 1

Хотя это и не идеально, решение состоит в том, чтобы извлечь текущий URL-путь, а затем восстановить ссылку на маршрутизатор согласно следующему:

routerLink в шаблоне:

<a routerLink="/{{demo_profile}}/home">Home</a>

, а затем сделать ссылкуthis.demo_profile с использованием activatedRoute:

this.route.params.subscribe( params =>
      this.demo_profile = params['demo_profile']
    )

или:

activatedRoute.snapshot.url[0].path