<commit_before># Angular Counter

**Angular Counter** is a *directive* to animate number increment/decrement.

![Angular Counter](img/angular-counter.gif)

## Dependencies

* [jQuery](https://jquery.com/) >= 1.7.1
* [jQuery Easing](http://gsgd.co.uk/sandbox/jquery/easing/) by gsgd, CDN [here](http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js)
* [AngularJS](https://angularjs.org/)

## Installation

In your HTML file:

```html
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
<script src="./js/angular-counter.js"></script>
```

In your JS code:
```js
var app = angular.module('MyApp', ['counter']);
```

## Usage

All attributes are self-explanatory.
```html
<!-- `counter` directive can be used as: Element / Class / Attribute -->
<div    class="counter"
        value="ctrl.myValue"
           to="ctrl.numberToReach"
     duration="ctrl.theDuration"
       effect="ctrl.myEffect"
       finish="ctrl.counterFinish()"> {{ ctrl.value | number:0 }} % </div>

<!-- bind counter value anywhere -->
<span ng-bind="ctrl.value"></span>
```
**INFO**: Animation starts every time the attribute `to` changes.

## License
Copyright (c) 2015 <NAME>. Licensed under the MIT license.<commit_msg>Updated image<commit_after># Angular Counter

**Angular Counter** is a *directive* to animate number increment/decrement.

![Angular Counter](http://indrimuska.github.io/angular-counter/img/angular-counter.gif)

## Dependencies

* [jQuery](https://jquery.com/) >= 1.7.1
* [jQuery Easing](http://gsgd.co.uk/sandbox/jquery/easing/) by gsgd, CDN [here](http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js)
* [AngularJS](https://angularjs.org/)

## Installation

In your HTML file:

```html
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
<script src="./js/angular-counter.js"></script>
```

In your JS code:
```js
var app = angular.module('MyApp', ['counter']);
```

## Usage

All attributes are self-explanatory.
```html
<!-- `counter` directive can be used as: Element / Class / Attribute -->
<div    class="counter"
        value="ctrl.myValue"
           to="ctrl.numberToReach"
     duration="ctrl.theDuration"
       effect="ctrl.myEffect"
       finish="ctrl.counterFinish()"> {{ ctrl.value | number:0 }} % </div>

<!-- bind counter value anywhere -->
<span ng-bind="ctrl.value"></span>
```
**INFO**: Animation starts every time the attribute `to` changes.

## License
Copyright (c) 2015 <NAME>. Licensed under the MIT license.
{'fraction_non_alphanumeric': 0.19385665529010238, 'fraction_numerical': 0.012286689419795221, 'mean_word_length': 4.115183246073299, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 35, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1929600', 'n_tokens_mistral': 1036, 'n_tokens_neox': 967, 'n_words': 194}