如何修复我的 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 路线创建了一个演示。 这对你有帮助。 堆栈闪电演示