javascript - AngularJS 和 CSS 过渡

Question

我是 AngularJS 的新手，在过去的几周里我学到了很多东西，但是我有几个问题。所以目前我有一个 jQuery 原型(prototype)，我想将其转换为使用 AngularJS。对于任何动画或页面转换，我都使用 css 转换。要更改页面，我正在使用 jQuery 更改 body 类，jQuery 依次为页面上或页面外的元素设置动画。

在 AngularJS 中， View 的显示和移除完全没有动画。按照我的需要，一些 View 会使用上一个 View 中的一些元素。

例如，有一个开始 View 和一个包含动画搜索输入字段的搜索 View 。加载页面时，将加载开始 View 。当用户点击提交时，它会加载搜索 View ，但搜索栏应该保留在那里并动画到顶部以供将来搜索。

我对如何着手做这件事有些困惑。有什么建议吗？

Answer 1

尽可能使用 angular.js 的不稳定/开发版本。 (有相当稳定)。

最新的有一个ng-animate适用于大多数用例的指令。

还有nganimate.org有很多例子，还有this article和 this one这应该让你开始。