Routing with secured child views

App.routing.ts

import { Routes, RouterModule } from "@angular/router";
import { NgModule } from '@angular/core';
import { DashboardComponent } from './component/dashboard/dashboard.component';
import { SettingsComponent } from './component/settings/settings.component';
import { IsAuthenticatedGuard } from '../shared/guard/is-authenticated.guard';

const routes: Routes = [
  {
    path: 'admin',
    canActivate: [IsAuthenticatedGuard],
    canActivateChild : [IsAuthenticatedGuard],
    component: AdminComponent,
    children: [
      {
        path: "dashboard",
        component: DashboardComponent
      },
      {
        path: "settings",
        component: SettingsComponent
      }
    ]
  }
];

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

export class FreelancerRouting {}