Angular : HTML element detect scroll to bottom

info.txt

https://stackoverflow.com/a/50038429/153512

page.component.html

<div style="overflow-y: scroll;" (scroll)="onScroll($event)">
	content
</div>

page.component.ts

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

@HostListener('scroll', ['$event'])
onScroll(event: any) {
  if (event.target.offsetHeight + event.target.scrollTop >= event.target.scrollHeight - 1) {
    // code
  }
}