Question

我总是很难设置AngularJS动画，要么是因为我还没有＃34; 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只能捕获类如果在表达式或ng-class指令上使用，则更改元素。）

来自documentation

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

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

1 个答案: