/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 vote169 views1 answer
Property 'src' does not exist on type 'HTMLElement' angular
Javascript AngularJS
0 vote172 views2 answers
Aos library animation angular
Javascript AngularJS
2 votes174 views3 answers
How to get firebase document id angular
Javascript AngularJS
8 votes184 views3 answers
Angular formgroup on value change
Javascript AngularJS
0 vote186 views1 answer
Angular subscribe on value change
Javascript AngularJS
0 vote186 views2 answers
How to run angular application in visual studio code
Javascript AngularJS
0 vote157 views1 answer
@angular/[email protected] node_modules/@angular/common @angular/common@"11.2.1" from the root project
Javascript AngularJS
10 votes170 views2 answers
Angular emit
Javascript AngularJS
8 votes195 views2 answers
Update formgroup value angular
Javascript AngularJS
7 votes148 views3 answers
How to run an angular app locally
Javascript AngularJS