如何使用 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>