有人可以解释AngularJs动画命名吗？

Question

我总是很难设置AngularJS动画，或者是因为我还没有“明白”TM或者是因为术语颠倒了。我确定它是前者。

例如，下面的CSS工作，即。元素在显示时从左侧飞入，隐藏时飞回左侧。

.fly-from-left { 
    transition:all linear 0.2s; 
    left:4px 
} 

.fly-from-left.ng-hide-remove { // this is the start point of the show animation 
    left: -20px; 
} 
.fly-from-left.ng-hide { // this is the endpoint of the hide animation 
    left: -20px; 
} 

但我没有得到的是为什么负责显示动画的选择器被称为ng-hide-remove。如果有人能够说明术语，我将来会发现更容易设置动画。

Answer 1

一旦元素被ng-hide指令隐藏，就会有一个名为.ng-hide的css类被应用到它。

我认为类.ng-hide-remove是一个动画，当.ng-hide类被删除时触发。

又见

AngularJS也 关注的元素的CSS类的变化引发了添加和删除挂钩。这意味着如果一个CSS类是 添加到元素或从元素中删除，则可以在CSS类添加或删除完成之前在其中执行动画 。 （记住，AngularJS将只能捕获类 变化如果一个表达式或纳克级指令在 元件上使用。）

从documentation

从这一角度出发， .ng-hide-remove是有道理的。