admin-routing.module.ts

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

import { AdminComponent } from './containers/admin.component';
import { InstanceListComponent } from './containers/instance/instance-list.component';
import { SurveyComponent } from './containers/survey/survey.component';
import { SurveyListComponent } from './containers/survey/survey-list.component';
import { DatabaseListComponent } from './containers/database/database-list.component';
import { SettingsComponent } from './containers/settings/settings.component';

const routes: Routes = [
    { 
        path: 'admin', component: AdminComponent, children: [
            { path: '', redirectTo: 'instance-list', pathMatch: 'full' },
            { path: 'instance-list', component: InstanceListComponent },
            { 
                path: 'survey', component: SurveyComponent, children: [
                    { path: '', redirectTo: 'survey-list', pathMatch: 'full' },
                    { path: 'survey-list', component: SurveyListComponent },
                    { path: 'database-list', component: DatabaseListComponent }
                ]
            },
            { path: 'settings', component: SettingsComponent },
            { path: 'settings/:select', component: SettingsComponent }
        ]
    }
];

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class AdminRoutingModule { }

export const routedComponents = [
    AdminComponent,
    InstanceListComponent,
    SurveyComponent,
    SurveyListComponent,
    DatabaseListComponent,
    SettingsComponent
];