angularjs-count-to
v0.3.0
Published
Angular JS directive for counting to a number over time
Downloads
124
Readme
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 to0
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.