问题标签 [ng-animate]

我正在将一些现有的角度代码从1.1.5移动到1.2.0-rc.2。一些主要区别是使用ngAnimate.

我正在使用ng-ifwith animate.cssin的组合ng-class。

有关工作示例，请参阅此 plunkr 。

我遇到的问题是，虽然fadeIn动画效果很好，但应该消失的元素需要接近一秒钟才能消失——两者之间没有平滑的过渡。这是我实际在做的一个简化示例，我更喜欢使用ng-if（我意识到这个示例可以用 来简化ng-repeat）。

这是ng-if与实现有关的问题，还是与实施有关的问题，animate.css还是其他问题？谢谢。

如果我想可靠地制作动画，我应该在这里真正使用哪个版本的 Angular？

见Plunker

更新：

这是一个无法在我的机器上工作的情况，Plunker 也已更新以消除几个问题。

如何在 angular-1.2rc2 中以编程方式禁用 ng-view 的动画？

我对路由服务进行了一些操作，通过他的身份验证角色重新定位用户，我想以编程方式阻止它。

简单（但不适合我！）angularjs 显示/隐藏动画问题。

我搜索了高低，但没有找到解决这个特定问题的方法，这也许可以用一个例子和一个“挑战”来最好地解释。

一、例子：http: //jsfiddle.net/adammontanaro/QErPe/1/

挑战：任何人都可以让这些图像相互淡入淡出，而不是出现在当前显示的图像下方或上方，然后在隐藏上方图像的 div 后弹出到位？

的HTML：

CSS：

我已经为此旋转了几个小时。我已经看到很多很好的帖子演示了如何使单个图像或 div 出现或消失，但是当我尝试简单的交叉淡入淡出和替换时，这一切都崩溃了。我尝试过使用绝对/相对定位，但无济于事。

尝试使用开关进行此操作，但无法在开关条件下使用 $index，因此我可以在运行时加载图像。这是一个很大的要求。

仅供参考 - 这是使用角度 1.1.5

谢谢！！！亚当

朋友们，

我正在为这个问题打我的头，我希望你能帮助我。我正在尝试使用 angularjs 1.2rc1 为重复元素的子元素设置动画（也许这已经改变了？），或多或少像这样：

我想要的是让孩子在进入和离开的重复行内移动。因此，根据文档，我尝试了这样的选择器：

这不起作用，并且 angular 不会将元素识别为动画。如果我将过渡直接分配给动画行元素（而不是其子元素），那么除了在父子和子元素上重复过渡之外，我无法使用任何 CSS 选择器组合为子元素设置动画，但这似乎不起作用在FF上。

有任何想法吗？也许我遗漏了一些明显的东西，但我似乎无法得到答案。

感谢您的任何意见！最好的祝福，

拉斐尔·波利特

我是单元测试以及 ng-animate 模块的新手。我做了一个简单的指令来测试 ng-animate。

然后我进行了以下单元测试以确认正在添加 .slide-enter 类。

当我在手动测试中将鼠标悬停在该指令上时，该指令正确添加了该类。但是，单元测试失败并显示未添加 slide-enter 类。

最后我想出了解决它的唯一方法是将单元测试包装在 $timeout 中：

谁能帮我理解为什么测试需要这个 $timeout 才能工作？还有另一种方法可以让我搞砸的这个单元测试工作吗？

在 Angular 1.2.0-rc2 我有以下设置：http ://plnkr.co/edit/t5J5bl?p=preview

但是，没有动画发生。更糟糕的ng-animate是，甚至没有被评估。

我还应该包括什么来使用该指令吗？

我正在使用 AngularJS 开发单页应用程序。

使用进入和离开时，视图是动画的ng-animate="{enter: 'appear', leave: 'disappear'}"。

我想让这个 SPA 可以被搜索机器人抓取，所以我使用无头浏览器 (PhantomJS) 来呈现页面 [同时解释 javascript]，然后将该结果发送回搜索机器人。

我遇到的问题是 PhantomJS 在视图仍在动画时发回结果，因此某些divs 在渲染回来时仍然是“透明的”（甚至有时仍然处于opacity:0- 这对 SEO imo 而言是不好的）。

我的解决方案是在检测到无头浏览器时禁用动画。

我的问题是如何根据过滤器的值有条件地添加 ng-animate 指令？

我尝试使用指令：

但它不起作用，因为ng-attr-ng-animate渲染到nganimate而不是ng-animate.. 我也尝试使用ng-attr-ng\-animateand ng-attr-ng--animate。

我也尝试使用 attr-class：

供参考的是我的无头浏览器检测过滤器：

我正在尝试通过使用 add 和 remove 的常用语法将 js 定义的动画附加到 ng-class 指令，但动画不会运行。日志显示 add 和 remove 函数没有被调用。

这通常适用于其他指令，如 ngIf 和它的进入和离开动画，但对于 ngClass，它似乎只适用于 css-animations，如文档中的示例所证明

我是使用 AngularJS 1.2 的 ng-animate 的新手。我不确定为什么我的 ng-animate 不能使用某个类名，而是使用默认值来实现我在示例中看到的简单淡入淡出。

在此示例中，我尝试将我的 ng-animate 类设置为“动画”： http ://plnkr.co/edit/QWQUUVdcLmzLKRvVibqN?p=preview

但是当我使用默认值并且我的动画类名只是“.ng-enter”和“.ng-leave”时，动画的淡入淡出似乎工作正常。

http://plnkr.co/edit/lEQhMwd6RWmsdmJbosu0?p=preview

任何帮助将不胜感激，谢谢！