• 授权协议:MIT
  • 开发厂商:-
  • 软件语言:JavaScript,TypeScript
  • 更新日期:2017-10-29
angular-infinite-list

angular-infinite-list angular 无限滚动列表组件

angular-infinite-list angular 无限滚动列表组件 项目简介

一个短小精悍的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 地址:https://github.com/a-jie/angular-infinite-list例子:https://a-jie.github.io/angular-infinite-listUsing npm:npm install angular-infinite-list --saveImport angular Infinite list module into your app moduleimport { InfiniteListModule } from 'angular-infinite-list';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    InfiniteListModule,
    ...Wrap Infinite list tag around list items<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>

angular-infinite-list angular 无限滚动列表组件 评论内容