A Short and Powerful Infinite Scroll List Library for Angular

ngx-infinite-scroll-list is an endless short pass list from Infinite for Angular, with zero dependencies.

ngx infinite scroll, angular infinite scroll, angular infinite scroll table, angular infinite scroll example, scroll directive angular, infinite scroll in angular, ngx infinite scroll demo

Features:

Tiny and Tependner Free – only 3 kbGeded
Providing millions of elements, without breaking a sweat
Pass the index or set the first scroll displacement
Supports elevations/fixed or variable offers
Vertical or horizontal lists

This library is planted from the React-Tiny-Virtual and React-Virtualized menu.

How to make use of it:

Install:

npm install angular-infinite-list --save

1. Import the angular Infinite list module into your app module.

import { InfiniteListModule } from 'angular-infinite-list';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    InfiniteListModule,
    ...

2. Wrap Infinite list tag around list items.

<infinitelist
    style="width:100%"
    [width]='"100%"' 
    [height]='500' 
    [data]='data' 
    [itemSize]='50' 
    (update)='event = $event'>
        <div *ngFor="let item of event?.items; let i=index;" [ngStyle]="event.getStyle(i)">
            item{{event.start + i}} : {{item|json}}
        </div>
</infinitelist>

or directive usage
<div infinitelist [width]='"100%"' ...</div>

angular infinite list directive library, angular-infinite-list Plugin/Github