如何使用 Angular RouterLink 導航到路由器出口？

Question

我在 angular 12 應用程序中定義了以下路由，我可以使用瀏覽器 URL 欄直接導航到它。 現在我正在嘗試使用超鏈接進行導航，如下所示

<a routerLink="home/1057/view/(sidebar:view)">sidebar</a> <!-- Doesn't work -->

或者

<a routerLink="/home/1057/view/(sidebar:view)">sidebar</a> <!-- Doesn't work -->

http://localhost/home/1057/view(sidebar:view) - 當你直接點擊 url 時工作正常，但上面的routerLink不起作用，有什么想法嗎？

{
   path: 'view',
   outlet: 'sidebar', // right
   loadChildren: () => import('src/app/entities/sidebar/sidebar.module').then(m => m.SideBarModule)
}

Answer 1

使用下面的代碼

[routerLink]="['home/1057/view/sidebar:view']"

Answer 2

像這樣嘗試

<a [routerLink]="['url path']">

Answer 3

下面的 Snipped 解決了這個問題。

<a routerLinkActive="active" 
  [routerLink]="['home/1057/view', 
{ outlets: { 'sidebar': ['view'] } }]" >{{ name }}</a>