angularjs-count-to

Angular Count-To

This project is an animated counter for AngularJS. The directive counts from one number to another over a configured duration. This forked version updates the original repository by including AngularJS filter options as well as the ability to display floating values. Demo

Install via npm

$ npm install angularjs-count-to

How to use angular count-to

Include the javascript file.

<script src="dist/angularjs.count-to.min.js"></script>

Inject the count-to directive in your app.

var myApp = angular.module('myApp', ['countTo']);

Apply the directive to a dom element.

 <!-- Number filter -->
 <span ng-count-to="{{countTo}}" value="{{countFrom}}" duration="4" filter="number"></span>

 <!-- Currency filter -->
 <span ng-count-to="{{countTo}}" value="{{countFrom}}" duration="4" filter="currency" params="$"></span>

Attributes

The following attributes can be set as numbers on the directive element.

• count-to the number to count to.
• value the number to start counting from.
• duration how long the count should take in seconds.
• filter the AngularJS filter.
• params the string of filter options.
• fraction-size the decimal formatting.
• refresh-interval the integer to refresh count to.
• slow-count the last numbers (integer) which should be counted to slower. If set to 0 slower count to are ignored.
• slow-from the percentage (integer) from where to count slower to (default 75 = 75%).
• slower-from the percentage (integer) from where to count much slower to (default 90 = 90%).
• slow-delay how many milliseconds the slow count should be delayed.
• slower-delay how many milliseconds the slower count should be delayed.