How to Import module based on a condition in Angular

Question

I am creating a module for Search integration. instead of directly importing the SearchModule inside app.module.ts file, i want to call an API and import the SearchModule based on the API response.

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'serverApp' }),
    HttpClientModule,
    AppRoutingModule,
    StoreModule.forRoot({}),
    EffectsModule.forRoot([]),
    **SearchModule**
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Please suggest an approach.

Answer 1

you could use different routes, depending on your condition and use the lazy loading based on routing handle it.

https://angular.io/guide/lazy-loading-ngmodules