How to Inject Window into Angular 2.1.0

angular, dependency-injection

Solution

Try with:

@NgModule({
  declarations: [...],
  imports: [...],
  providers: [
   { provide: "windowObject", useValue: window}
  ]
})

export class HomeModule {}

in your component:

constructor(@Inject("windowObject") window: Window})

Problem

In the earlier RC releases of Angular 2 I was able to inject the window object by adding `{provide: Window, useValue: window}` To the providers array. Since upgrading to the latest stable release of angular 2 (2.1.0) this now throws a console error compiler.umd.js:14268Uncaught Error: Can't resolve all parameters for LoginComponent: (AuthService, UserMessagesService, ?). The ? in the parameter list is where I am trying to inject the Window object.

Original source