Angular 子插座中的子路由

Question

在我的 TestComponent 中，我有一個導航欄，其中包含指向多個組件的鏈接，我想在 TestComponent 中的子路由器插座中顯示這些組件，但它會引發此錯誤。

core.js:6237 錯誤錯誤：未捕獲（承諾中）：錯誤：無法匹配任何路由。 URL 段：“儀表板/測試/ID”

const routes: Routes = [
      {
        path: '',
        redirectTo: 'dashboard/test',
        pathMatch: 'full'
      },
      {
        path: 'dashboard',
        children: [
          {
            path: 'test',
            component: TestComponent,
            children: [
              {
                path: '',
                redirectTo: 'id',
                pathMatch: 'full'
              },
              {
                path: 'id',
                component: IdComponent,
                outlet: 'sub'
              }
            ]
          }
        ]
      }
    ];

Answer 1

你的 routerLink 應該是

[routerLink]="['/dashboard/test', {outlets: { sub: ['id'] } }]"