How to register a provider in Angular 2 with runtime data?

Question

In Beta I could do this:

export class AppBootstrapper {
  constructor(mySettings: AppSettings) {
    bootstrap(App, 
      [
        provide(AppSettings, {
          useFactory: () => mySettings
        })
      ]
    }
  }
}

Whereby 'mySettings' is runtime data from the server.

How can I do this in the latest RC?

export class AppBootstrapper {
  constructor(mySettings: AppSettings) {
    platform.bootstrapModule(AppModule);
  }
}

I can get it into Bootstrap, but not into app.module.ts

providers: [
  { provide: AppSettings, useFactory: => new AppSettings(??) }
]

,

You can try something like [this](http://stackoverflow.com/a/39454713/2587435) — Paul Samsotha, Oct 03 '16 at 01:24

score 4 · Accepted Answer · edited May 23 '17 at 12:17

You can try the following:

export class AppBootstrapper {
  constructor(mySettings: AppSettings) {
    browserDynamicPlatform({ provide: AppSettings, useFactory: () => mySettings })
       .bootstrapModule(AppModule);
  }
}

Or just add some method main in your app.module.ts file that will return your AppModule and call this method like

platform.bootstrapModule(main(settings));

How to register a provider in Angular 2 with runtime data?

1 Answers1