Передавать данные дочерним маршрутам в angular - PullRequest
Новая
       23

Передавать данные дочерним маршрутам в angular

0 голосов
/ 02 августа 2020

У меня есть приложения для курсов, использующие angular, я хотел создать что-то вроде Udemy, например

enter image description here

when user click courses name, they redirected to the first chapter and the first video on the list

so i create something like this too введите описание изображения здесь

У меня есть функция, чтобы открыть такие курсы 

  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», а затем дать им первое видео из массива, как я могу этого добиться ?

РЕДАКТИРОВАТЬ

кто-то сказал, что мне нужно получить URL-адрес типа «materi-detail /: sizesSlug /: playsChapterSlug /: lessonSlug», это что-то вроде этого? 

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

              },
          ],
        },
      ],
    },
  ],
...