title: Angular-9: How to make login page as a defualt page in Angular-9?
body: <p>I have downloaded an open source tamplate of angular9 from a website. When I run the tamplate it shows the <em><strong>dashboard/default</strong></em> by default. <strong>I want that it should run <em>auth/signin</em> by default</strong> instead of <em><strong>dashboard/default</strong></em>.</p>
  <p>Routing structure that has already been defined by the auther of the template is following.
  <em><strong>app-routing.module.tc</strong></em></p>
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { AdminComponent } from './theme/layout/admin/admin.component';
  import {AuthComponent} from './theme/layout/auth/auth.component';
  
  const routes: Routes = [
    {
      path: '',
      component: AdminComponent,
      children: [
        {
          path: '',
          redirectTo: 'dashboard/default',
          pathMatch: 'full'
        },
        {
          path: 'dashboard',
          loadChildren: () =&gt; import('./demo/dashboard/dashboard.module').then(module =&gt; module.DashboardModule)
        },
        {
          path: 'layout',
          loadChildren: () =&gt; import('./demo/pages/layout/layout.module').then(module =&gt; module.LayoutModule)
        },
        {
          path: 'basic',
          loadChildren: () =&gt; import('./demo/ui-elements/ui-basic/ui-basic.module').then(module =&gt; module.UiBasicModule)
        },
        {
          path: 'forms',
          loadChildren: () =&gt; import('./demo/pages/form-elements/form-elements.module').then(module =&gt; module.FormElementsModule)
        },
        {
          path: 'tbl-bootstrap',
          loadChildren: () =&gt; import('./demo/pages/tables/tbl-bootstrap/tbl-bootstrap.module').then(module =&gt; module.TblBootstrapModule)
        },
        {
          path: 'charts',
          loadChildren: () =&gt; import('./demo/pages/core-chart/core-chart.module').then(module =&gt; module.CoreChartModule)
        },
        {
          path: 'maps',
          loadChildren: () =&gt; import('./demo/pages/core-maps/core-maps.module').then(module =&gt; module.CoreMapsModule)
        },
        {
          path: 'sample-page',
          loadChildren: () =&gt; import('./demo/pages/sample-page/sample-page.module').then(module =&gt; module.SamplePageModule)
        }
      ]
    },
    {
      path: '',
      component: AuthComponent,
      children: [
        {
          path: 'auth',
          loadChildren: () =&gt; import('./demo/pages/authentication/authentication.module').then(module =&gt; module.AuthenticationModule)
        }
      ]
    }
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>