AngularJS and CSS Transitions



我是AngularJS的新手,在过去的几周里我学到了很多东西,但是我有几个问题。因此,目前我有一个jQuery原型,我想转换为使用AngularJS。对于任何动画或页面过渡,我使用css过渡。为了更改页面,我正在使用jQuery更改body类,这反过来又使页面上或页面外的元素具有动画效果。

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

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

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

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

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

还有一个网址是nganimate。org,里面有很多例子还有这篇文章和这篇文章可以让你入门

最新更新