How can I use a window object in Angular 2?

angular angular2-cli window-object
Martin picture Martin · Feb 25, 2017 · Viewed 12.5k times · Source

I tried to put the following code to get a window object in angular 2:

      @Component({
          selector: 'app-slider',
          templateUrl: './slider.component.html',
          styleUrls: ['./slider.component.css'],
          providers: [
            SliderService, 
            { provide: "windowObject", useValue: window}
          ]
        })
        export class SliderComponent implements OnInit {
        
          sliderList: Slider[] = [];
        
          constructor( private _sliderservice:SliderService, @Inject("windowObject") private _window:window ) { }

Unfortunately it does not work.

Answer

Yaroslav Grishajev picture Yaroslav Grishajev · Feb 25, 2017

You don't need a provider for that. window is a global object and is accessible directly in your class

Related questions

How to use jsPDF with angular 2

I got an Error: jsPDF is not defined , I am currenty using following code : import { Component, OnInit, Inject } from '@angular/core'; import 'jspdf'; declare let jsPDF; @Component({ .... providers: [ { provide: 'Window', useValue: window } ] }) export class GenratePdfComponent implements OnInit { constructor( @Inject(…

Read More
Typescript: is not assignable to type error

I am new to using typescript with angular 2. I am using version 1 of angular 2-cli. When compiling, I get this error saying "is not assignable to type Assignment[]". I looked at the data types and it looks okay so far, …

Read More
angular2-cli gives @multi styles error

I started using angular2-cli recently and created a new project. I wanted to use bootstrap in my project hence I installed bootstrap and then wanted to import the bootstrap css file like it is shown in the the angular2…

Read More