Routing in angular

import { TestComponent } from './test/test.component';

import { NgModule } from '@angular/core';

import { Routes, RouterModule } from '@angular/router';

import { LoginComponent } from './login/login.component';

import { SubscribersComponent } from './home/subscribers/subscribers.component';

import { NotfoundComponent } from './notfound/notfound.component';

import { HomeComponent } from './home/home.component';

import { PositionsComponent } from './home/positions/positions.component';

import { PerformanceComponent } from './home/performance/performance.component';

import { AllaccountsComponent } from './home/allaccounts/allaccounts.component';

import { LogsComponent } from './logs/logs.component';

import { AuthService } from './services/auth.service';

const routes: Routes = [

{path: 'login', component: LoginComponent, data: { title: 'Login' }},

{

path: 'home', component: HomeComponent,

canActivate: [AuthService], data: { title: 'Home' },

children:[

{ path: 'subscribe', component: SubscribersComponent,

canActivate: [AuthService], data: { title: 'Subscribers' } },

{ path: 'positions', component: PositionsComponent,

canActivate: [AuthService], data: { title: 'Positions' } },

{ path: 'commission', component: SubscribersComponent,

canActivate: [AuthService],data: { title: 'Commission' } },

{ path: 'performance', component: PerformanceComponent,

canActivate: [AuthService],data: { title: 'Performance' } },

{ path: 'allaccounts', component: AllaccountsComponent,

canActivate: [AuthService], data: { title: 'All Accounts' } },

{ path: 'log', component: LogsComponent,

canActivate: [AuthService],data: { title: 'Logs' } },

{ path: 'test', component: TestComponent,

canActivate: [AuthService], data: { title: 'Logs'}},

{ path: '', component: SubscribersComponent,

canActivate: [AuthService], data: { title: 'Subscribers'}},

{path: '**', component: NotfoundComponent, data: { title: 'Page not found!'}},

]

},

{path: '', component: LoginComponent, data: { title: 'Login' }},

{path: '**', component: LoginComponent, data: { title: 'Login' }},

];

@NgModule({

imports: [

RouterModule.forRoot(routes),

// PositionsModule

],

providers: [

// PositionsModule

],

exports: [RouterModule]

})

export class AppRoutingModule { }