angular - 带出口的 routerLink 重定向到 404 错误页面

Question

我有一个 Angular 4 应用程序，我无法设置routerLink导航工作。该请求总是被重定向到我的 404 错误页面。

这是我的代码：

我的路由配置的相关部分在我的NgModule：

{
   path: 'Transactions',
   component: TransactionIndexComponent,
   children: [
      {
         path: 'Add',
         outlet: "next",
         component: TransactionAddComponent,
         children: [
            { path: "AddPerson", component: PersonsAddComponent, outlet: "next" }
         ]
      },
   ]
},

TransactionsIndexComponent模板的相关部分：

<a routerLink="[{ outlets: { next: 'Add' } } ]" class="tile">Add</a>

<router-outlet name="next"></router-outlet>

TransactionAddComponent模板的相关部分：

<a routerLink="[{ outlets: { next: 'AddPerson' } } ]" class="tile">Add Person</a>

<router-outlet name="next"></router-outlet>

routerLink我为in尝试了这些值TransactionsIndexComponent：

1. ['', { outlets: { next: 'Add' } } ]
2. [{ outlets: { next: 'Add' } }]

他们都没有工作。问题是什么？

PS：它本身带有嵌套router-outlet的模板正在工作，因为我可以/Transactions/(next:Add/(next:AddPerson))毫无问题地打开一个地址。

Answer 1

我发现了问题。我错过了中的方括号[routerLink]。这很好用：

<a [routerLink]="[{ outlets: { next: 'Add' } } ]" class="tile">Add</a>

<router-outlet name="next"></router-outlet>