JarCasting
JarCasting JarCasting

quick-ng-repeat

WebJar for quick-ng-repeat

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

quick-ng-repeat
Last Version

Last Version

0.0.1
Release Date

Release Date
Type

Type

jar
Description

Description

quick-ng-repeat
WebJar for quick-ng-repeat
Project URL

Project URL

http://webjars.org

Download quick-ng-repeat

Filename Size
quick-ng-repeat-0.0.1.pom
quick-ng-repeat-0.0.1.jar 158 KB
quick-ng-repeat-0.0.1-sources.jar 22 bytes
quick-ng-repeat-0.0.1-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/quick-ng-repeat/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>quick-ng-repeat</artifactId>
    <version>0.0.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/quick-ng-repeat/
implementation 'org.webjars.bower:quick-ng-repeat:0.0.1'
// https://jarcasting.com/artifacts/org.webjars.bower/quick-ng-repeat/
implementation ("org.webjars.bower:quick-ng-repeat:0.0.1")
'org.webjars.bower:quick-ng-repeat:jar:0.0.1'
<dependency org="org.webjars.bower" name="quick-ng-repeat" rev="0.0.1">
  <artifact name="quick-ng-repeat" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='quick-ng-repeat', version='0.0.1')
)
libraryDependencies += "org.webjars.bower" % "quick-ng-repeat" % "0.0.1"
[org.webjars.bower/quick-ng-repeat "0.0.1"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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 and a page with quick-ng-repeat

Usage example:

Require quick-ng-repeat.js to your project and use this syntax in your templates:

<ul>
  <li quick-ng-repeat="item in list" quick-repeat-list="items">
    {{ item.name }}
  </li>
</ul>

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

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 and page with quick-ng-repeat

To run example

cd example && python -m SimpleHTTPServer

Versions

Version
0.0.1