Multiple Counters on Same Page

[chipallen2]

If I have multiple counters on one page - only the first one is getting the animation applied. Is that expected? Is there a workaround?

<td counter value="v" to="vNew" duration="400" effect="linear" finish="vFinished()">{{v}} </td>
<td counter value="v2" to="v2New" duration="400" effect="linear" finish="v2Finished()">{{v2}} </td>

Only the first one is getting the animation. The other one changes but just like normal.

[indrimuska]

Hi @chipallen2, could you please provide a full working sample with plunker/fiddle/codepen to reproduce this issue? Many thanks :)

[chipallen2]

I tried recreating it in jsfiddle and couldn't. It works fine. The error must have been somewhere else in my code. Thanks for the great work on this plugin. It is very useful.

https://jsfiddle.net/chipallen2/vcf8rcas/

[indrimuska]

Ok, thanks for the kind words!