/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 vote260 views1 answer
Angular 9 dockerfile
Javascript AngularJS
0 vote320 views1 answer
Apply custom border color in angular material
Javascript AngularJS
0 vote304 views1 answer
Adding bootstrap to angular global styles
Javascript AngularJS
7 votes271 views3 answers
How to run an angular app locally
Javascript AngularJS
0 vote296 views1 answer
Angular bootstrap path
Javascript AngularJS
8 votes253 views3 answers
Angular [routerlink]
Javascript AngularJS
1 vote347 views1 answer
Angular directive output
Javascript AngularJS
6 votes334 views4 answers
Bootstrap not working in angular
Javascript AngularJS
0 vote307 views1 answer
Angularjs ng-options name value
Javascript AngularJS
0 vote316 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript AngularJS