Angular 'animate on model change' demos

Number as model, no config

Current number: {{sampleNumber1}}



You don't have to add any CSS to make it work, but custom CSS animations are worth the extra work (check 'real life examples' below).


Number as model with config & class

Current number: {{sampleNumber2}}


String as model, custom config


Real life examples

Shopping cart

{{sampleNumber3}}

Product #1

Just a sample product. Add me to the cart!

Product #2

Just a sample product. Add me to the cart!



Evil corporate table

Item Cost Scam value Profit Actions
${{::item.price}} ${{item.scamValue}} ${{item.scamValue - item.price}}
Fork me on GitHub