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

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

MIT
JavaScript TypeScript
跨平台
2017-11-02
ajiecn

一个短小精悍的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>
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Create a restful application with AngularJS and CakePHP(III)

#Create a restful application with AngularJS and CakePHP(III) #Build the frontend pages with AngularJS [AngularJS](http://www.angularjs.org) is one of the most popular JS framew...

2013/11/10 18:21
114
0
AngularJS - Top 6 Concepts that Developers Loved

This article represents top 6 popular AngularJS topics that has been used most by the AngularJS developer community to date. The inference is derived based on number of tagged d...

2014/12/03 08:49
54
0
Egghead.io AngularJS视频教程

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

2014/02/08 14:36
120
0
给 Web 开发者的 25 款最有用的 AngularJS 工具

AngularJS 是一种新 JavaScript 框架,目的是降低要求,加快开发速度。AngularJS 是让 HTML 标记动态,使其对 web 开发者更有帮助,同时从大量的分段中给定一个标准结构,使开发速度更快更高...

2015/07/25 16:46
169
1
AngularJS 中文资料+工具+库+Demo 大搜集

AngularJS 中文资料+工具+库+Demo 大搜集

2013/12/28 16:11
176
0
AngularJs

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过

2015/07/10 16:49
31
0
[Angularjs] 第一步开始一个项目

[Angularjs] 第一步开始一个项目 一、什么是angularjs angularjs是2009年兴起的,目前由Google维护一个采用mvc模式的js框架,很多时候用来创建单页面应用。我也经常将其和phonegap一起来开发...

2014/10/12 12:21
37
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部