Lightweight Ticker component

Show changing number with stock ticker like animation    

• Demo
• Install
• Setup
• Development
• Contribute

Try demo on Stackblitz!

• Usage: animation duration, appearance

You can get it on NPM installing ng-ticker module as a project dependency.

npm install @plcoder/ng-ticker --save

You'll need to add TickerModule to your application module. So that, the <ticker> components will be accessible in your application.

... import { TickerModule } from '@plcoder/ng-ticker'; ... @NgModule({ declarations: [ YourAppComponent ], imports: [ ... TickerModule, ... ], providers: [], bootstrap: [YourAppComponent] }) export class YourAppComponent {}

After that, you can use the ticker components in your templates, passing the configuration data into the component itself.

• ticker: Handle the number change animation

<ticker [displayNum]="price" duration="300ms"></ticker>