import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { PageNotFoundComponent } from './not-found.component'; import { DynamicFormComponent } from './form/dynamic-form.component'; import { LoginComponent } from './login/login-page'; import { AuthGuard } from './guards/auth.guard'; import { ProjectsComponent } from './projects/projects.component'; import { DatasetsComponent } from './datasets/dataset.component'; const appRoutes: Routes = [ { path: 'dynamic-form', component: DynamicFormComponent, canActivate: [AuthGuard] }, { path: 'login-page', component: LoginComponent }, //{ path: 'projects', component: ProjectsComponent}, { path: '', redirectTo: '/login-page', pathMatch: 'full' }, { path: '**', component: PageNotFoundComponent } ]; @NgModule({ imports: [ RouterModule.forRoot( appRoutes // { enableTracing: true } // <-- debugging purposes only ) ], exports: [ RouterModule ], providers: [ ] }) export class AppRoutingModule { }