角度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>

然后使用activatedRoute引用this.demo_profile ：

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

要么：

activatedRoute.snapshot.url[0].path