title: Angular switch from lazyLoading to 'normal' loading
body: <p>I am working on an Angular application that has lazy loading implemented. I tried experimenting with lazy loading but decided that I do not yet want to implement it in my application. This is my <code>app.module.ts</code>:</p>
  <p><strong>app.module.ts</strong>:</p>
  <pre class="lang-js prettyprint-override"><code>@NgModule({
    declarations: [
      AppComponent,
    ],
    imports: [
      BrowserModule,
      RouterModule.forRoot([
        { path: '', redirectTo: 'store', pathMatch: 'full'},
        { path: 'hq', loadChildren: 'app/hq/hq.module#HqModule' },
        { path: 'store', loadChildren: 'app/store/store.module#StoreModule', pathMatch: 'prefix'},
      ]),
    ],
    bootstrap: [AppComponent],
    exports: [RouterModule],
  })
  export class AppModule { }
  </code></pre>
  <p>How can I switch my route to for example <code>hq</code> back to normal loading? I expected that something as follows would work:</p>
  <pre class="lang-js prettyprint-override"><code>{ path: 'hq', redirectTo: HqModule }
  </code></pre>
  <p>That however returns that my module is a wrong type of argument. Is this even possible in Angular?</p>
  <p><strong>hq.module.ts</strong></p>
  <pre class="lang-js prettyprint-override"><code>@NgModule({
    imports: [
      CommonModule,
      RouterModule.forChild([
          { path: '',
            component: HqTemplateComponent,
            canActivate: [AuthGuard],
            children: [
              { path: '', pathMatch: 'full', redirectTo: 'overview' },
              { path: 'overview', component: OverviewComponent, canActivate: [AuthGuard] },
            ]
          },
      ]),
    ],
    declarations: [HqTemplateComponent, OverviewComponent]
  })
  </code></pre>