如何触发动画过渡功能?

时间:2016-06-06 13:11:09

标签: javascript html angularjs animation tween

我想使用javascript代码手动转换控制器中的html,即TweenMax之类的补间库。

所以代替css:

.ng-enter { /* transition css */ }

我想定位一个javascript函数:

function onEnter() { /* transition code */ }

是否有某种事件/钩子API来触发这个?

[EDIT1] 关于问题的可能重复,我努力将其应用于我的用例。我还必须承认我有很多关于ng-enter的解决方法,但是我想直接用代码来解决这个问题。

我有一种预感,我需要在控制器的构造函数中执行类似的操作:

$scope.$on("SOME_NG_LEAVE_EVENT?", transitionOut); // transitonOut being a function

但是我很难使用文档,找到事件列表,以及“ng-enter / ng-leave”如何转换为javascript-angualrjs监听器。

[EDIT2] 经过大量的浏览,我终于找到了这个: https://docs.angularjs.org/api/ng/service/ $有生#假

但我不明白如何使用它。

1 个答案:

答案 0 :(得分:0)

找到答案: http://tech.willandskill.se/animate-ui-view-with-gsap/ https://docs.angularjs.org/api/ngAnimate

它没有具体回答我的问题,我希望控制器本身控制动画,但我应该能够从这个api到达那里。