ts-mean/frontend/main/src/app/app-routing/app-routing.module.ts

Boilerplate for a TS-MEAN App

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import {LandingComponent} from '../components/landing/landing.component';
import {PageNotFoundComponent} from '../components/page-not-found/page-not-found.component';
import {DashboardComponent} from '../components/dashboard/dashboard.component';

import {AuthGuardService} from '@tsmean/user-angular/auth-guard.service';

import {LoginComponent} from '@tsmean/user-angular/login/login.component';
import {SignUpComponent} from '@tsmean/user-angular/sign-up/sign-up.component';
import {ProfileComponent} from '@tsmean/user-angular/profile/profile.component';

const appRoutes: Routes = [
  { path: '', component: LandingComponent, canActivate: [AuthGuardService]},
  { path: 'login', component: LoginComponent, canActivate: [AuthGuardService]},
  { path: 'signup', component: SignUpComponent, canActivate: [AuthGuardService]},
  { path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuardService]},
  { path: 'profile', component: ProfileComponent, canActivate: [AuthGuardService]}, /* work in progress */
  { path: '**', component: PageNotFoundComponent }
];

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