The host way

import {HostListener, Component} from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  host: {
    '(document:click)': 'onDocumentClicked($event)'
  }
})
export class AppComponent {
  onDocumentClicked(ev) {
    console.log('clicked', ev);
  }
}