app.module.ts

// The original AngularJs application
const ngModule = angular.module('admin', [
  // We are leaving all the old module untouched
  'ng1.modules',
  // We can downgrade Components, Directives, Services, etc.
  // And use them in the AngularJs app
  'ng2.modules'
]);

@NgModule({
  imports: [
    BrowserModule,
    UpgradeModule,
    // Import Store and Effects module
    StoreModule.forRoot({}),
    EffectsModule.forRoot([]),
  ],
  providers: [
    // Import meta-reducers
    {
      provide: META_REDUCERS,
      useFactory: fromRootReducers.getMetaReducers
    },
    // Import Effects as Injectables
    ...fromRootEffects.getEffectProviders(),
  ]
})
class AppModule {

  constructor(
    private upgrade: UpgradeModule,
    private injector: Injector
  ) { }

  ngDoBootstrap() {
    // Bootstrap main app
    this.upgrade.bootstrap(document.body, ['admin']);

    // Register effects (this is necessary in the hybrid app)
    const effectClasses = this.injector.get(fromRootEffects.EFFECTS_CLASS);
    for (const effectClass of effectClasses) {
      effectClass.ngRegisterEffects();
    }
  }
}

platformBrowserDynamic().bootstrapModule(AppModule);