Javascript AngularJS:如何调用$animate.enter()?
现在我有这些:Javascript AngularJS:如何调用$animate.enter()?,javascript,angularjs,animation,Javascript,Angularjs,Animation,现在我有这些: var ngModule = angular.module('MyApp', ['ngAnimate']); ngModule.animation('.my-crazy-animation', function() { return { enter: function(element, done) { ... }, leave: function(element, done) { ... }, move: function(element, done)
var ngModule = angular.module('MyApp', ['ngAnimate']);
ngModule.animation('.my-crazy-animation', function() {
return {
enter: function(element, done) { ... },
leave: function(element, done) { ... },
move: function(element, done) { ... },
beforeAddClass: function(element, className, done) { ... },
addClass: function(element, className, done) { ... },
beforeRemoveClass: function(element, className, done) { ... },
removeClass: function(element, className, done) { ... }
};
});
但是如何调用
enter
,leave
函数呢?请给出一个调用$animate.enter()
?的工作示例,您不需要显式调用这些动画属性函数。指令,如ng repeat
(即能够触发enter
、leave
和move
)在DOM更改时自动调用与其相关的动画属性。如果您还没有看到它,那么在@miqid中有一个工作示例。我已经看到了文档,但它仍然没有多大意义。如果我想调用一些js动画而不必输入或离开任何元素,该怎么办?我必须使用addClass
和removeClass
调用它们吗?如果我只想调用一个简单的TweenMax动画,是否建议使用ng animate?动画属性是否与您相关取决于您使用的指令。例如,使用ng repeat
时,您会注意到,$animate.enter()
,$animate.leave()
和$animate.move()
都在某个地方被显式调用,这就是它们相关的原因。使用$animate
不是强制性的,但它可以提高应用程序中动画的可重用性。