如何触发动画过渡功能?
How to trigger function for animation transition?
我想使用 javascript 代码在控制器中的 html 中手动转换,即像 TweenMax 这样的补间库。
所以 css:
.ng-enter { /* transition css */ }
我想针对 javascript 函数:
function onEnter() { /* transition code */ }
是否有某种 event/hook api 来触发它?
[编辑1]
关于可能重复的问题,我很难将其应用于我的用例。我还必须承认我有很多 ng-enter 的解决方法,但我想直接使用代码来代替 ng-leave。
我有一种预感,我需要在控制器的构造函数中做这样的事情:
$scope.$on("SOME_NG_LEAVE_EVENT?", transitionOut); // transitonOut being a function
但我在文档、查找事件列表以及 "ng-enter/ng-leave" 如何转换为 javascript-angualrjs 侦听器方面遇到了困难。
[编辑2]
经过大量浏览,我终于找到了这个:
https://docs.angularjs.org/api/ng/service/$animate#离开
但是我不懂怎么用
找到答案:
http://tech.willandskill.se/animate-ui-view-with-gsap/
https://docs.angularjs.org/api/ngAnimate
它没有具体回答我的问题,我希望控制器本身控制动画,但我应该可以从这个 api.
我想使用 javascript 代码在控制器中的 html 中手动转换,即像 TweenMax 这样的补间库。
所以 css:
.ng-enter { /* transition css */ }
我想针对 javascript 函数:
function onEnter() { /* transition code */ }
是否有某种 event/hook api 来触发它?
[编辑1] 关于可能重复的问题,我很难将其应用于我的用例。我还必须承认我有很多 ng-enter 的解决方法,但我想直接使用代码来代替 ng-leave。
我有一种预感,我需要在控制器的构造函数中做这样的事情:
$scope.$on("SOME_NG_LEAVE_EVENT?", transitionOut); // transitonOut being a function
但我在文档、查找事件列表以及 "ng-enter/ng-leave" 如何转换为 javascript-angualrjs 侦听器方面遇到了困难。
[编辑2] 经过大量浏览,我终于找到了这个: https://docs.angularjs.org/api/ng/service/$animate#离开
但是我不懂怎么用
找到答案: http://tech.willandskill.se/animate-ui-view-with-gsap/ https://docs.angularjs.org/api/ngAnimate
它没有具体回答我的问题,我希望控制器本身控制动画,但我应该可以从这个 api.