import { AnnpopularComponent } from './annpopular/annpopular.component'; import { CatpopularComponent } from './catpopular/catpopular.component'; import { FooterComponent } from './footer/footer.component'; import { AnnouncementComponent } from './announcement/announcement.component'; import { CategoryComponent } from './category/category.component'; import { IndexComponent } from './index/index.component'; import { DashboardComponent } from './dashboard/dashboard.component'; import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { WelcomeComponent } from './welcome/welcome.component'; import { MainComponent } from './main/main.component'; import { AddcategoryComponent } from './addcategory/addcategory.component'; import { EditcategoryComponent } from './editcategory/editcategory.component'; import { LocationComponent } from './location/location.component'; import { LanguageComponent } from './language/language.component'; const routes: Routes = [ { path: '', component: DashboardComponent, children: [ { path: 'main', component: MainComponent }, { path: 'index', component: IndexComponent }, { path: 'category', component: CategoryComponent }, { path: 'addcategory', component: AddcategoryComponent }, { path: 'editcategory/:catid', component: EditcategoryComponent }, { path: 'location', component: LocationComponent }, { path: 'ann', component: AnnouncementComponent }, { path: 'footer', component: FooterComponent }, { path: 'catpop', component: CatpopularComponent }, { path: 'annpop', component: AnnpopularComponent }, { path: 'lang', component: LanguageComponent } ] }, { path: 'welcome', component: WelcomeComponent } ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class MainRoutingModule { }