angularjs - 有人可以解释 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 还通过触发 add 和 remove 钩子来关注元素上的 CSS 类更改。这意味着如果在元素中添加或删除 CSS 类，则可以在 CSS 类添加或删除完成之前执行动画。（请记住，只有在元素上使用表达式或 ng-class 指令时，AngularJS 才能捕获类更改。）

从文档

从这个角度来说，.ng-hide-remove是有道理的。