如何修復我的 Angular 項目中的 routerLink

Question

大家好，我正在學習 Angular，我們創建了一個 HeroesApp，但我的 routerLink 不起作用，我導入和導出了我的 routerModule，但我不知道如何修復它。 auth-routing.module.ts auth-routing.module.ts part2 folders

目前我嘗試了這條其他路線，認為我發布的路線有問題（ https://i.stack.imgur.com/aYQDb.png ）

Answer 1

嘗試這個

 const routes: Routes = [{ path: '/auth/login', component: LoginComponent }];

Answer 2

您的 routerLink 沒問題。 但是在 auth-routing.module.ts 中沒有正確設置。

有兩種類型的路由

1. 正常路由
2. 使用延遲加載

正常的路由應該如下所示：

   const routes: Routes = [
     {
       path: 'login', component:LoginComponent
     }
   ]

延遲加載路由應該如下所示：

  const routes: Routes = [
    {
      path: 'customers',
      loadChildren: () =>
      import('./customers/customers.module').then((m) => m.CustomersModule),
    }
  ]

有關詳細信息，我為 angular 路線創建了一個演示。 這對你有幫助。 堆棧閃電演示