angular-virtual-list | An AngularJS virtualized list for faster loads

angular-virtual-list directive

angular-virtual-list

Stars : 10

Forks : 10

Created by Two Fucking Developers

bower install angular-virtual-list

Demo Download GitHub

This directive creates an AngularJS virtual list that can support up to 1MM (yup, one million) records. Technically, it could be even more but if you want to show more than 1MM records in a list maybe you need to do something different.

Virtualization

It is called virtualization when in a list you only create the records that you’re going to display in certain area. This is obviously done in all high performance components created ever to not create thousands of cells that could destroy the application performance.

To create a virtualized list en AngularJS is extremely easy, and you can have something pretty useful in less than 100 lines of code.

ui-virtual-list

AngularJS virtualized list tutorial files.

Code explanation: http://twofuckingdevelopers.com/2014/11/angularjs-virtual-list-directive-tutorial

Demo: http://codepen.io/2fdevs/pen/pvvXoO

Javscript

Javascript plugin

Angular-js