pioug/md-virtual-repeater

Infinite list / virtual scroll directive for Angular 1.x

md-virtual-repeater is a directive from angular/material.

Demo

https://pioug.github.io/md-virtual-repeater/

Source: https://github.com/pioug/md-virtual-repeater/blob/gh-pages/index.html

Why?

• Best implementation of the infinite list for Angular 1.x
• Standalone version (no dependency to Angular Material)
• Simple installation (no external CSS, no bundle tool required)
• Safe for minification (DI annotation included)

Installation

# With NPM
npm install @pioug/md-virtual-repeater

# With Bower
bower install md-virtual-repeater

Include the script virtual-repeater.js in your HTML:

<!-- If you used NPM previously -->
<script src="node_modules/@pioug/md-virtual-repeater/virtual-repeater.js"></script>

<!-- If you used Bower previously -->
<script src="bower_components/md-virtual-repeater/virtual-repeater.js"></script>

Load the Angular module virtualRepeat in your JS:

angular.module('myAngularApp', ['virtualRepeat']);

Usage

<md-virtual-repeat-container md-top-index="topIndex">
  <div md-virtual-repeat="i in items" md-item-size="20">Hello {{i}}!</div>
</md-virtual-repeat-container>

md-virtual-repeat-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
}

md-virtual-repeat-container:-webkit-scrollbar {
  width: 0 !important;
}

Documentation

• mdVirtualRepeat: https://material.angularjs.org/latest/api/directive/mdVirtualRepeat
• mdVirtualRepeatContainer: https://material.angularjs.org/latest/api/directive/mdVirtualRepeatContainer

md-virtual-repeater's Issues

new versions support

Hello. First of all thanks for such library that allows render large data sets without performance issues.

I'm gonna to use this library in my project. And i just want to ask you about current version of angular-material captured in this library (actually virtualRepeat directive from angular material). And do you plan to support new releases from angular-material repo?
For example there is new release with bug fixes for virtualRepeat.
Thanks.

Does not work

Hi, I tried to use this library in my application, but it does not work.

I have created a fiddle to demonstrate this issue, please let me know what I am doing wrong.
https://jsfiddle.net/karank007/gavqfagt/2/