开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
angular-infinite-list首页、文档和下载 - angular 无限滚动列表组件 - 开源中国社区
全部项目分类
我要评价
MIT
JavaScript TypeScript
跨平台
ajiecn
分享
收藏
1 人收藏
收录时间:2017-11-02
angular-infinite-list 详细介绍

一个短小精悍的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-list



Using npm:

npm install angular-infinite-list --save

Import angular Infinite list module into your app module

import { 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 的评论 (全部 0 条评论)
{{repayCom.userName}}
顶部