动态路线angular7

Question

我具有以下组件结构：

组件：

课程

课程

我有下表：

表类

WinDef.HWND hwnd = User32.INSTANCE.FindWindow(null, "MyStage");

long wid = Pointer.nativeValue(hwnd.getPointer());

表课

Id | Code | Name

1 | Class_1 | Class 1

2 | Class_2 | Class 2

如何生成具有以下格式的动态URL？

示例1：Id | ClassId | Code | Name 1 | 1 | Lesson_1 | Lesson 1 2 | 1 | Lesson_2 | Lesson 2 3 | 2 | Lesson_1 | Lesson 1

示例2：localhost:4200/Classes/Class_1/Lessons/Lesson_1

示例3：localhost:4200/Classes/Class_1/Lessons/Lesson_2

班级和课程是组成部分。

非常感谢您的帮助。

Answer 1

您可以通过使用路由参数来实现所需的目标。这是遵循的最佳实践。 看一看：https://angular.io/guide/router#route-parameters

Answer 2

您应该定义您的路线和路由器出口，以便能够将“班级”组件和“课”组件显示为子级。

理想情况下，您的路由器应如下所示：

const appRoutes: Routes = [
{ path: 'Classes/:classID', component: ClassesComponent , 
  children: [
  { path: "Lesson/:lessonID", component: LessonComponent},
  ]},
];

您的ClassesComponent接受classId参数，而lessonComponent接受lessonID参数。

在ClassesComponent内定义一个路由器插座，以显示子教训组件。