Angular 2: scroll event not firing
<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>