Angular - 使用两条路由延迟加载同一模块

Question

我的应用程序路由模块中当前有此路由：

{
    path: 'school',
    component: SchoolComponent
  },
{
    path: 'student',
    component: StudentComponent
  },
  {
    path: 'student/view',
    component: StudentDetailsComponent
  },
  {
    path: 'student/view/:id',
    component: StudentDetailsComponent
  }

现在我正在尝试使用学生路由模块对 3 个路径的 StudentModule 进行延迟加载：student、student/view 和 Student/view:id。

如何对应用程序路由模块和学生路由模块执行此操作？

这里最后两条路径映射到同一个组件。

我是 Angular 新手，找不到合适的例子。

Answer 1

如果您想显示所有可以使用的学生：

{
    path: 'students',
    component: StudentsComponent
}

如果您想按 ID 显示学生详细信息，请使用：

{
    path: 'student/view/:id',
    component: StudentDetailsComponent
}

StudentsComponent

将包含所有学生的列表，并带有一个按钮，可通过 id 导航至

StudentDetailsComponent

。