How to do Animation Anchoring in Angular 2?

Question

There is an animation feature that exists in AngularJS 1.4 that is called Animation Anchoring.

When routing to a new route, it allows to mark an element in the source and destination page with the attribute ng-animate-ref, and performs a computed animation between the two by creating a cloned node during the transition.

See demo

Is it possible to do something similar in Angular 2+ ?

Examples I found in the documentation only deals with animation to a specific component or dom element, but nothing like this cloning feature.

Thank you

Answer 1

Well I ended up creating it myself:

https://github.com/foxx9/ngx-animate-ref