javascript - AngularJS 和 CSS 过渡

标签 javascript css view angularjs transition

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

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

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

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

最佳答案

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

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

还有nganimate.org有很多例子,还有this articlethis one这应该让你开始。

关于javascript - AngularJS 和 CSS 过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16991494/

相关文章:

javascript - 法语日期无效

javascript - 响应对象的 JSON 对象到 api 端点

javascript - 将元素添加到 html 正文,并将变量作为文本

html - 调整浏览器窗口大小时

android - 是否可以检查 TabWidget 中的特定 "TAB"在当前 View 中是否可见?

javascript - JQuery-Mobile滚动条

html - 任何字体都可以用作网络字体吗(特别是用于 HTML 电子邮件)

html - 使用 MathJax\[\] 数学, float 元素随下一段而不是当前段落一起 float

c++ - 如何在 openGL,C++ 中改变视点

ios - 如何检查collectionview是否为空xcode