[How to Configure Angular Modules Loaded by the Router] Making a module configurable #blog #angular

foo.module.ts

// other imports are removed for brevity
import { ModuleWithProviders } from "@angular/core";

@NgModule({
  imports: [
    RouterModule.forChild([
      {
        path: "",
        component: FooComponent
      }
    ])
  ],
  declarations: [FooComponent]
})
export class FooModule {
  static withOptions(foo = "foo"): ModuleWithProviders<FooModule> {
    return {
      ngModule: FooModule,
      providers: [
        {
          provide: FOO,
          useValue: foo
        }
      ]
    };
  }
}