import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { PostCreateComponent } from './posts/post-create/post-create.component'; import { PostListComponent } from './posts/post-list/post-list.component'; import { ViewerComponent } from './viewer/viewer.component'; import { LoginComponent } from './login/login.component'; import { AuthGuardService } from './auth-guard.service'; const routes: Routes = [ { path: '', component: LoginComponent }, { path: 'create', component: PostCreateComponent, canActivate: [AuthGuardService]}, { path: 'view', component: PostListComponent, canActivate: [AuthGuardService]}, { path: 'login', component: LoginComponent} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule], providers: [AuthGuardService] }) export class AppRoutingModule { }