Sometimes you need to get access to global document.

To simplify unit-testing, Angular provides it through dependency injection:

import { DOCUMENT } from '@angular/common';
    import { Inject } from '@angular/core';
    
    @Component({
      selector: 'my-app',
      template: `<h1>Edit me </h1>`
    })
    export class AppComponent {
    
      constructor(@Inject(DOCUMENT) private document: Document) {
        // Word with document.location, or other things here....
      }
    }
    

Links

• https://angular.io/api/common/DOCUMENT