/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

1 vote110 views1 answer
Angular architecture patterns
Javascript AngularJS
0 vote115 views1 answer
Angular loop through key values in map
Javascript AngularJS
4 votes123 views1 answer
Downgrade angular version in project
Javascript AngularJS
3 votes121 views1 answer
Add firebase angular
Javascript AngularJS
0 vote128 views1 answer
Configure angular router apache
Javascript AngularJS
1 vote134 views1 answer
Two way bind angular divide
Javascript AngularJS
0 vote107 views1 answer
Angular JS Interpolation
Javascript AngularJS
0 vote123 views1 answer
Route not getting refresh with different id in angular
Javascript AngularJS
0 vote116 views3 answers
Angular sanitize vs validators
Javascript AngularJS
0 vote115 views1 answer
Tab key event in angular
Javascript AngularJS