錯誤：無法匹配任何路由。 URL 段：'' 角度為 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

我想在 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 2

我想在 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 3

我想在 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 4

當你使用帶有屬性綁定語法的 routerLink 時，像這樣：[routerLink]，那么它應該被分配一個屬性的名稱，它的值將是它應該將用戶導航到的路由。 因此，要解決您的問題，請在 HTML 中將此 routerLink="['/drivers']" 替換為 routerLink="/drivers"。

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