Setup Layout

Setup layout which we want to use in our App.

To setup layout point path of that layout in routes as following :

{ path: '', loadChildren: './layouts/default-layout/default-layout.module#DefaultLayoutModule', canActivate: [AuthGuard] // Make Auth Route }

const appRoutes: Routes = [
{
path: '',
pathMatch: 'full',
redirectTo: '/home'
},
{
path: '',
loadChildren: './layouts/auth-layout/auth.module#AuthModule'
},
{
path: '',
loadChildren: './layouts/default-layout/default-layout.module#DefaultLayoutModule',
canActivate: [AuthGuard]
},
{
path: '**',
redirectTo: '/home'
}
];

We are using Default Layout in the above example. You can chenge layout you want to use. To see layouts list, go to Layouts.