https://github.com/inorganik/countup.js-angular1
Animates a numerical value by counting to it - for Angular 1.x
https://github.com/inorganik/countup.js-angular1
angular1 angular1-x
Last synced: 3 months ago
JSON representation
Animates a numerical value by counting to it - for Angular 1.x
- Host: GitHub
- URL: https://github.com/inorganik/countup.js-angular1
- Owner: inorganik
- License: mit
- Created: 2017-08-23T20:52:38.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-03-05T11:17:55.000Z (almost 7 years ago)
- Last Synced: 2025-02-01T01:25:13.572Z (12 months ago)
- Topics: angular1, angular1-x
- Language: JavaScript
- Size: 24.4 KB
- Stars: 6
- Watchers: 3
- Forks: 8
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 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)](http://inorganik.github.io/angular-scroll-spy/)
npm package: `countup.js-angular1`
bower package: `countUp.js-angular1`
## See Also
- **[CountUp.js repo](https://github.com/inorganik/countUp.js)**
- **[CountUp.js Angular ^2 Module](https://github.com/inorganik/countUp.js-angular2)**
- **[CountUp.js React](https://github.com/glennreyes/react-countup)**
- **[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](http://inorganik.github.io/angular-scroll-spy/) directive.
Attributes:
- `end-val: Number` (required)
- `start-val: Number`
- `duration: Number`
- `decimals: Number`
- `options: Object` (see [CountUp](https://github.com/inorganik/countUp.js))
Create your animation like the examples below:
```html
```
With `angular-scroll-spy`:
```html
```
## Dependency
[`countup.js`](https://github.com/inorganik/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:
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.