https://github.com/allaud/quick-ng-repeat
A much more quicker replacement for AngularJS ng-repeat directive
https://github.com/allaud/quick-ng-repeat
angular javascript ng-repeat perfomance
Last synced: 6 months ago
JSON representation
A much more quicker replacement for AngularJS ng-repeat directive
- Host: GitHub
- URL: https://github.com/allaud/quick-ng-repeat
- Owner: allaud
- License: mit
- Created: 2013-10-21T13:23:03.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2017-12-19T09:29:05.000Z (over 8 years ago)
- Last Synced: 2025-09-27T06:22:40.632Z (6 months ago)
- Topics: angular, javascript, ng-repeat, perfomance
- Language: JavaScript
- Size: 672 KB
- Stars: 286
- Watchers: 12
- Forks: 59
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AngularJS directive for much more quicker lists rendering
## Features
* Shallow list watch (ngRepeat uses deep watch)
* Animations support
* Special service to cause list render outside of digest cycle
* Smooth scrolling even on heavy compited lists (check example)
* About 200% performance boost
* Still hesitating? Try to scroll [page with ng-repeat list](http://allaud.github.io/quick-ng-repeat/example/index_classic.html) and a [page with quick-ng-repeat](http://allaud.github.io/quick-ng-repeat/example/index.html)
## Usage example:
Require `quick-ng-repeat.js` to your project and use this syntax in your templates:
-
{{ item.name }}
## Installation
###### Using bower package manager:
```
bower i quick-ngrepeat --save
```
_Note the single hyphen in the package name_
###### Using the browser:
```html
```
## Why we need the 'quick-repeat-list' attribute?
In quick-ng-repeat directive everything is done to make is really fast. So we store a special callback with name of this attribute.
[This is a full answer](https://github.com/allaud/quick-ng-repeat/issues/1)
## Compared to usual ngRepeat
* Compare `example/index.html` (uses quickNgRepeat) and `example/index_classic.html` (uses classic NgRepeat)
## Example
Directive live example in ./example
Try out the demo (try to scroll):
[page with ng-repeat list](http://allaud.github.io/quick-ng-repeat/example/index_classic.html) and
[page with quick-ng-repeat](http://allaud.github.io/quick-ng-repeat/example/index.html)
## To run example
cd example && python -m SimpleHTTPServer