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

foo.module.ts

// other imports are removed for brevity
import { NgModuleFactory } from "@angular/core";
import { ChildModuleFactory } from "./child-module-factory";

@NgModule(/* module metadata is removed for brevity */)
export class FooModule {
  static withOptions(foo = "foo"): ModuleWithProviders<FooModule> {
    return {
      ngModule: FooModule,
      providers: [
        {
          provide: FOO,
          useValue: foo
        }
      ]
    };
  }

  static asChild(...params: FooOptions): NgModuleFactory<FooModule> {
    return new ChildModuleFactory(FooModule.withOptions(...params));
  }
}

type FooOptions = Parameters<typeof FooModule.withOptions>;