/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 vote143 views2 answers
Angular 4 "Property does not exist on type component"
Javascript AngularJS
0 vote160 views1 answer
Youtube movie trailer angular
Javascript AngularJS
0 vote69 views1 answer
Angular toggle class on click
Javascript AngularJS
0 vote166 views2 answers
How to run angular application in visual studio code
Javascript AngularJS
0 vote104 views1 answer
Display unique id number in angular
Javascript AngularJS
0 vote125 views1 answer
Make directive to return dropdown values angular
Javascript AngularJS
-1 vote105 views1 answer
In select option how to make one default in angular
Javascript AngularJS
0 vote108 views1 answer
How to write a test case for dropdown selection change in angular 9
Javascript AngularJS
0 vote110 views1 answer
Deploy angular app on google app engine
Javascript AngularJS
43 votes247 views6 answers
Add bootstrap to angular
Javascript AngularJS