[How to Configure Angular Modules Loaded by the Router] Configuring eager-loaded child module in root module #blog #angular

app.module.ts

// other imports are removed for brevity
import { FooModule } from "./foo.module";

@NgModule({
  imports: [
    BrowserModule,
    RouterModule.forRoot([
      {
        path: "",
        loadChildren: () => FooModule.asChild("bar"),
      }
    ])
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}