import { NgModule } from '@angular/core' ; import { Routes , RouterModule } from '@angular/router' ; import { AboutComponent } from './components/about/about.component' ; import { ContactComponent } from './components/contact/contact.component' ; import { TeamComponent } from './components/team/team.component' ; import { LicenseComponent } from './components/license/license.component' ; import { PermissionGuard } from '../auth/guards/permission.guard' ; import { InfoComponent } from './info.component' ; const routes = [ { path : '' , pathMatch : 'full' , canActivate : [ PermissionGuard ] , data : { breadcrumb : 'Overview' , } , component : InfoComponent } , { path : 'about' , data : { breadcrumb : 'About' } , component : AboutComponent } , { path : 'contact' , data : { breadcrumb : 'Contact' } , component : ContactComponent } , { path : 'team' , data : { breadcrumb : 'Team' } , component : TeamComponent } , { path : 'license' , data : { breadcrumb : 'License' } , component : LicenseComponent } ] ; @ NgModule ( { imports : [ RouterModule . forChild ( routes ) ] , exports : [ RouterModule ] } ) export class InfoRoutingModule { }