title: Angular 2: scroll event not firing
body: <p>I am new to Angular 2. Trying to make rest call using scroll event. I have 200 records where initially I will make a rest call like this</p>
  
  <pre><code>localhost:8080/myapp/records=items&amp;offset=0&amp;limit=50
  </code></pre>
  
  <p>It will fetch 50 records first. But, when I scroll down it has to make another API call for fetching another 50 records like</p>
  
  <pre><code>localhost:8080/myapp/records=items&amp;offset=50&amp;limit=50
  </code></pre>
  
  <p>I tried this, but not firing the event.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;div&gt;
      &lt;table class="doc-table" (scrolled)="onScroll($event.value)"&gt;
          &lt;thead&gt;
              &lt;th class="avatar-th"&gt;&lt;/th&gt;
              &lt;th&gt;Id&lt;/th&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Price&lt;/th&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr *ngFor="let item of items" (click)="routeTo(item.id)"&gt;
                  &lt;td&gt;{{item.id}}&lt;/td&gt;
                  &lt;td&gt;{{item.name}}&lt;/td&gt;
                  &lt;td&gt;{{item.price}}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code> @Component({
    selector: 'item-cmp',
    templateUrl: 'items.component.html'
  })
  export class PatientsComponent(){
    onScroll(event:any){
      alert("Scolled...");
    }
  }
  </code></pre>
  
  <p>Bases on offset I have to make API call. Help me, how to do this?</p>