Press "Enter" to skip to content

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


See Demo And Download

Official Website(drawcall): Click Here

This superior jQuery/javascript plugin is developed by drawcall. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.