I am also interested in this functionality. Did you come to your own
solution?
On Wednesday, 5 November 2014 15:27:22 UTC-8, Aleks Totic wrote:
>
> I want to animate transitions of repeated templates. It is non-obvious how
> to do it.
>
> Is there a pattern others are using? Any hints?
>
> What I am trying to do:
>
> <template repeat="{{item in items}}">
> <div>{{item.title}} {{item.count}}</div>
> </template>
>
> I want to slide in items being added, and fade out items getting removed.
> Items list can be modified without me knowing what modification was
> (firebase-element).
>
> 1st attempt was to animate on dom mutation events.
> I'd use events to detect insertion/removal, and animate when detected.
> Detection used mutations traversal, and is still buggy. This approach feels
> kludgy:
> - there is code that knows when insertion/removal happens, I should not
> have to reverse engineer these
> - lots of mutation events, feels inefficient
>
> 2nd attempt was going to be hacking TemplateBinding.
>
> TemplateIterator.insertInstanceAt and extractInstanceAt have the data I
> need. Monkeypatching this will cause future headaches, so I decided to ask
> the group before diving in.
>
> Thanks,
>
> Aleks
>
>
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/01a0caba-d116-4d59-828d-db901cc700b1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
