angular-animate-change

KO | EN

gitlite — search

#javascript #hacktoberfest #react #llm #go #android #machine-learning #deep-learning #docker #nodejs #cli #kubernetes #awesome-list #openai

angular-animate-change

(★ 15)

Animate an element when a value changes

angular-animate-change Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

angular-animate-change [![Build Status](https://travis-ci.org/bendrucker/angular-animate-change.svg?branch=master)](https://travis-ci.org/bendrucker/angular-animate-change)
======================

Angular directive for applying an animation class to an element whenever a value changes. Useful for applying attention-calling animation like flashes or shakes.

## Installing

```bash
# npm
$ npm install angular-animate-change
# bower
$ bower install angular-animate-change
```

## Setup

```js
// node module exports the string 'animate-change' for convenience
angular.module('myApp', [
  require('angular-animate'),
  require('angular-animate-change')
]);
// otherwise, include the code first then the module name
angular.module('myApp', [
  'ngAnimate',
  'animate-change'
]);
```

## API

##### `animateChange` (directive)

```html
<span animate-change="value" change-class="flash"></span>
```

When `$scope.value` changes, the class `'flash'` will be added. [Animation classes will applied during the transition](https://docs.angularjs.org/api/ngAnimate/service/$animate#addClass).

angular-animate-change

angular-animate-change Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

angular-animate-change

angular-animate-change Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README