AngularJS 和 CSS 过渡

Posted 2023-02-26

【中文标题】AngularJS 和 CSS 过渡

【英文标题】：AngularJS and CSS Transitions

【发布时间】：2013-06-07 19:22:10

【问题描述】：

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

在 AngularJS 中，视图的显示和删除完全没有动画。我需要它的方式，一些视图会使用上一个视图中的一些元素。

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

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

【参考方案1】：

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

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

还有nganimate.org 有很多示例，还有this article 和this one 应该可以帮助您入门。