core.mjs:6495错误错误:未捕获(在promise中)：错误:无法匹配任何路由。URL段：'home/headers‘

Question

​

​

我的aux路由器插座的问题，而且我不能指向嵌套路由的url。请帮帮忙

app.component.html

<app-header></app-header>
<router-outlet name="snippetOutlet"></router-outlet>
<div class="content">
  <div class="space-40"></div>
  <div class="frame">
    <div class="grid">
      <div class="block-2">
        <sidenav></sidenav>
      </div>
      <div class="block-8">
        <router-outlet></router-outlet>
      </div>
    </div>
  </div>
  <app-footer></app-footer>
</div>

app.module.ts

const appRoutes: Routes = [{
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: IntroductionComponent
  },
  {
    path: 'snippets',
    component: snippetsComponent,
    children: [{
      path: 'headers',
      component: HeadersComponent,
      outlet: 'snippetOutlet'
    }]
  },
  {
    path: 'layout',
    component: LayoutComponent
  },
];

所有其他路由都正常工作没有问题，唯一的问题是我不能针对这个嵌套路径：

nav.component.html

<a routerLink="/snippets/headers" routerLinkActive="current" class="tabs">Header</a>

Answer 1

在评论中找到了链接@SurajRao给出的答案。但做了一些修改和工作。

<li><a [routerLink]="['snippets', { outlets: { 'snippetOutlet': ['headers'] } }]" class="tabs">Header</a></li>