将数据按角度传递到子路线

Question

我有一个使用angular的课程应用，我想创建像Udemy这样的东西

当用户单击课程名称时，他们将重定向到列表中的第一章和第一部视频

所以我也创建了类似的东西

我希望开设这样的课程

  openCourses(courseSlug: any){
    this.router.navigateByUrl("/materi/materi-detail/" + courseSlug);
    localStorage.setItem('courseSlug', courseSlug);
  }

这是我的路线

  path: '',
  component: MateriComponent,
  children: [
    {
      path: 'materi-detail/:slug',
      component: MateriDetailComponent,
    },
  ],

它的显示与Udemy完全相同，但是我无法做到，因此用户将重定向到数组的第一章和第一课，我想将用户重定向到“ materi-detail /：slug”，然后给他们阵列中的第一个视频，我该如何实现？

编辑

有人说我需要获取类似“ materi-detail /：coursesSlug /：coursesChapterSlug /：lessonSlug”的网址 是这样吗？

  path: '',
  component: MateriComponent,
  children: [
    {
      path: 'materi-detail/:coursesSlug',
      component: MateriDetailComponent,
      children: [
        {
            path: '/:coursesChapterSlug',
            component: CoursesChapterComponent,
            children: [
              {
                path: '/:lessonSlug',
                component: LessonComponent,

              },
          ],
        },
      ],
    },
  ],