/Javascript/AngularJS/Angular window object

Angular window object

Nangular make window available

import { Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';

export class MyClass {

  constructor(@Inject(DOCUMENT) private document: Document) {
     this.window = this.document.defaultView;
  }

  check() {
    console.log(this.document);
    console.log(this.window);
  }

}

Source: stackoverflow.com

Angular window object

// in app.module.ts
providers: [
{ provide: Window, useValue: window }
]

// in component: 
Then you can just inject it directly anywhere you want - e.g. in a service:

constructor(private window: Window) {
// ...

Source: leonelngande.com

Similar codes

0 vote146 views1 answer
Screenfull angular example
Javascript AngularJS
0 vote125 views1 answer
New date in interpolation angular
Javascript AngularJS
0 vote115 views1 answer
Ipv6 dual regex angular
Javascript AngularJS
0 vote170 views1 answer
Import map in angular
Javascript AngularJS
2 votes128 views1 answer
Change color of material design angular progress bar
Javascript AngularJS
0 vote130 views1 answer
Cannot find name 'Position' angular
Javascript AngularJS
-2 votes152 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
1 vote123 views2 answers
Change font size of angular material tooltip
Javascript AngularJS
3 votes125 views1 answer
Angular map
Javascript AngularJS
0 vote132 views1 answer
Update angular website firebase
Javascript AngularJS