angular scroll directive

scroll.directive.ts

import { Observable } from 'rxjs/Rx';
import { Directive, Output, ElementRef, EventEmitter } from '@angular/core';


@Directive({
  // tslint:disable-next-line:directive-selector
  selector: '[demainScroll]'
})
export class ScrollDirective {
  private page = 0;

  @Output() scroll = new EventEmitter();

  constructor(
    private elm: ElementRef,
  ) {
    Observable
      .fromEvent(this.elm.nativeElement, 'scroll')
      .subscribe((event: Event) => {
        this.scroll.emit(event.target['scrollLeft']);
      });
  }
}