lms-app/src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { WelcomeComponent } from './welcome/welcome.component';
import { TabsComponent } from './tabs/tabs.component';
import { DetailsComponent } from './tabs/courses/details/details.component';
import { VideoChapterComponent } from './tabs/courses/video-chapter/video-chapter.component';

const routes: Routes = [
    { path: '', pathMatch: 'full', redirectTo: 'welcome' },
    { component: WelcomeComponent, path: 'welcome' },
    { component: TabsComponent, path: 'tabs' },
    { component: TabsComponent, path: 'tabs/:subpage' },
    { component: DetailsComponent, path: 'course-details' },
    { component: DetailsComponent, path: 'course-details/:heading' },
    { component: VideoChapterComponent, path: 'video-chapter/:heading' }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }