Hi,
I'm trying to create enter and leave animations with TweenMax and angular 1.4+.
I have this code:
.animation('.page', [function(){
return {
enter: function(element, doneFn){
TweenMax.from(element, 1, { css: { transform: "scale(0.8)", opacity: 0 }, force3D: "auto" });
},
leave: function(element, doneFn){
TweenMax.to(element, 1, { css: { transform: "scale(1.1)", opacity: 0 }, force3D: "auto" });
}
};
}])
The animations are working but the thing is the pages get stacked, since I don't tell angular when the animation is done. You are supposed to use "doneFn" for this but I don't know how to implement that in the code.
https://docs.angularjs.org/api/ngAnimate