angular - 错误 : Cannot match any routes. URL 段: Angular 7 中的 ''

Question

我想在 Angular 7 应用程序中使用 routerLink。

app.routingts.ts

const routes: Routes = [  
{
  path: '',
  component: AdminComponent,
  children: [     
    { path: 'dashboard', loadChildren: './dashboard/dashboard.module#DashboardModule' },
    { path: 'drivers', loadChildren: './drivers/drivers.module#DriversModule' }
  ]
 }
];

管理 html

<app-nav></app-nav>
<router-outlet></router-outlet>

仪表板 html

<app-nav></app-nav>
<router-outlet></router-outlet>

来自导航组件的 HTML

<a class="nav-link" [routerLink]="['/drivers']">Drivers<span class="sr-only">

错误

core.js:1449 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'drivers'
Error: Cannot match any routes. URL Segment: 'drivers'

Answer 1

试试这个

管理路由

 const routes: Routes = [  
 {
  path: '',    
  component: AdminComponent,
  children: [
    { path: 'dashboard', loadChildren: './dashboard/dashboard.module#DashboardModule' },
    { path: 'drivers', loadChildren: './drivers/drivers.module#DriversModule' },
  ]
 }
];

HTML

<a class="nav-link" [routerLink]="['drivers']">Drivers<span class="sr-only">

admin.component.html

<app-nav></app-nav>
<router-outlet></router-outlet>

应用程序路由

{ path: 'admin' , loadChildren:'./admin/admin.module#AdminModule'},