Scroll to top - Angular directive

scroll-top.directive.ts

import { Directive, HostListener, Inject, NgModule } from '@angular/core';
import { WINDOW } from "@ng-web-apis/common";

@Directive({ selector: '[scrollTop]' })
export class ScrollTopDirective {

  constructor(@Inject(WINDOW) private window: Window) {}

  @HostListener('click', ['$event'])
  handleClick(event: PointerEvent): void {
    this.window.scrollTo(0, 0);
  }

}

Usage:

Component:

<button scrollTop type="button">Scroll top</button>