title: In Angular2 whats the simplest method for detecting scrolling for a component
body: <p>I'm using Angular2 with Typescript and HTML5.</p>
  
  <p>When scrolling occurs I want it to call a function in my component.</p>
  
  <p>Normally in Angular 1 I would put a watcher on the scroll.
  How do I do this for Angular2?</p>
  
  <p><strong>This is my current attempt:</strong></p>
  
  <pre><code>  @HostListener('scroll', ['$event']) private onScroll($event:Event):void {
          console.log("Scrolling occurred!");
     };
  </code></pre>
  
  <p>But the console.log doesnt get hit.</p>
  
  <p>Could you provide the html and typescript answer to the question.</p>
  
  <p>Thank you</p>