Angular routes with layout options in route data

angular-layout-routes.ts

const routes: Routes = [
 {
   path: '',
   redirectTo: '/dashboard',
   pathMatch: 'full',
 },
 {
   path: '',
   component: MainLayoutComponent,
   children: [
     { path: 'dashboard', loadChildren: () => DashboardModule },
     { path: 'users', loadChildren: () => UsersModule },
     { path: 'account-settings', loadChildren: () => AccountSettingsModule },
     { path: 'login', loadChildren: () => LoginModule, data: { footer: false } },
     { path: 'registration', loadChildren: () => RegistrationModule, data: { footer: false } },
   ],
 },
];