live-digits

KO | EN

gitlite — search

#python #ai #typescript #golang #linux #docker #macos #windows #awesome #cli #vue #mcp #ios #open-source

(★ 10)

AngularJS module for slide animation digits inside numbers

live-digits 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# live-digits v1.0.0
> AngularJS module for slide animation digits inside numbers

[Working Demo](http://uditalias.github.io/live-digits/demo/)

## Installation
`$ bower install --save live-digits`

## Usage

Just import `live-digits.min.js` and `live-digits.min.css` and add it to your app module

```html
<head>
  <link rel="stylesheet" href="bower_components/live-digits/dist/live-digits.css" />
  <script src="bower_components/live-digits/dist/live-digits.min.js"></script>
  
  <script>
    angular.module('myApp', ['udidu.live-digits'])
      .controller('mainController', ['$scope', '$timeout', function ($scope, $timeout) {
          
          $scope.liveValue = 100000;
          
          function _updateLiveValue() {
            $scope.liveValue = (Math.random() * 200000) + 100000;
            $timeout(_updateLiveValue, 1000);
          }
          
          _updateLiveValue();
      }]);
  </script>
</head>

```

## Options

The only 2 options you can config are `value` and `duration`

The `value` is the number (or string yeah!) which will be watched by the directive
to animate the value change.

The `duration` is optional and specifies the animation duration in milliseconds (default is `200`).

## Dependencies

```json
"dependencies": {
  "angular": ">=1.x",
  "jquery": ">=1.x"
}
```

## Build

Clone the project and run:

```
$ npm install

$ grunt build
```

The `dist/` folder will erase and the new build files will be copy into it

## License

MIT

live-digits

live-digits 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

live-digits

live-digits 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README