一个短小精悍的angular无限滚动列表组件,无任何依赖
Tiny & dependency free – Only 3kb gzipped
Render millions of items , without breaking a sweat
Scroll to index or set the initial scroll offset
Supports fixed or variable heights/widths
Vertical or Horizontal lists
Using npm:
npm install angular-infinite-list --save
import { InfiniteListModule } from 'angular-infinite-list'; @NgModule({ imports: [ BrowserModule, FormsModule, InfiniteListModule, ...
<infinitelist [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>