CountUp.js Angular 1.x Module
Animates a numerical value by counting to it.
Despite its name, CountUp can count in either direction, depending on the start-val
and end-val
attributes that you pass.
Demo (CountUp + angular-scroll-spy)
See Also
- CountUp.js repo
- CountUp.js Angular ^2 Module
- CountUp.js React
- [CountUp.js WordPress Plugin]((https://wordpress.org/plugins/countup-js/)
Usage
Inject countUpModule
. Use the count-up
attribute to quickly create an animation. It also integrates nicely with the Angular-scroll-spy directive.
Attributes:
end-val: Number
(required)start-val: Number
duration: Number
decimals: Number
options: Object
(see CountUp)
Create your animation like the examples below:
With angular-scroll-spy
:
Dependency
countup.js
is configured as a dependency in package.json
. If you are manually including dependencies, make sure to include:
countUp.min.js
angular-countUp.min.js
Contributing
Before you make a pull request, please be sure to follow these simple instructions:
- Do your work on
angular-countUp.js
in the root directory. - In Terminal,
cd
to the repo directory. - Run
npm install
, which installs gulp and its dependencies. - Run
gulp
, which copies and minifies the .js files to thedist
folder.