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

Infinite list / virtual scroll directive for Angular 1.x
https://github.com/pioug/md-virtual-repeater

angular directive infinite-scroll virtual-scroll

Last synced: 3 months ago
JSON representation

Infinite list / virtual scroll directive for Angular 1.x

• Host: GitHub
• URL: https://github.com/pioug/md-virtual-repeater
• Owner: pioug
• Created: 2016-09-28T07:59:53.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-04-02T03:27:35.000Z (almost 7 years ago)
• Last Synced: 2024-10-05T19:30:53.510Z (3 months ago)
• Topics: angular, directive, infinite-scroll, virtual-scroll
• Language: JavaScript
• Homepage: https://pioug.github.io/md-virtual-repeater/
• Size: 32.2 KB
• Stars: 9
• Watchers: 6
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
`md-virtual-repeater` is a directive from [angular/material](https://github.com/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](https://docs.angularjs.org/guide/di) included)

## Installation

```bash

# With NPM

npm install @pioug/md-virtual-repeater

# With Bower

bower install md-virtual-repeater

```

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

```html

```

Load the Angular module `virtualRepeat` in your JS:

```js

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

```

## Usage

```html

  
Hello {{i}}!


```

```css

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