title: Infinite scroll with appending elements angular2
body: <p>I would like to implement infinite scroll whose key feature is possibility to add new elements instead actualising whole content of list.</p>
  
  <p>Currently I try with <code>ng-infinite-scroll</code> but as a result of using <code>ngFor</code> it every time renders whole list from the beginning. </p>
  
  <pre><code>&lt;div style="width: 750px;"&gt;
  &lt;div class="posts-list" 
  infinite-scroll 
  [infiniteScrollDistance]="2" 
  [infiniteScrollThrottle]="300" 
  (scrolled)="onScrollDown()"&gt;
      &lt;post-component *ngFor="let item of array" [dataHref]="item"&gt;&lt;/post-component&gt;
  &lt;/div&gt;    
  </code></pre>
  
  <p> </p>
  
  <p>Such approach causing that elements fetch their data (what leads to unacceptable delays). I thought if it would be achievable to realize such thing with child components in router module (but this sounds bad because I don't have finite list of posts).</p>
  
  <p>Anyone has ideas how to add new elements without repeating those which were already rendered?</p>