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.

npm package: countup.js-angular1 bower package: countUp.js-angular1

• CountUp.js repo
• CountUp.js Angular ^2 Module
• CountUp.js React
• CountUp.js WordPress Plugin

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:

<h2 count-up end-val="873.4"></h2>

With angular-scroll-spy:

<h2 count-up id="numberAnimation" end-val="873.4" scroll-spy-event="elementFirstScrolledIntoView" scroll-spy></h2>

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

Before you make a pull request, please be sure to follow these simple instructions:

1. Do your work on angular-countUp.js in the root directory.
2. In Terminal, cd to the repo directory.
3. Run npm install, which installs gulp and its dependencies.
4. Run gulp, which copies and minifies the .js files to the dist folder.