问题标签 [ng-animate]

我正在使用 ngAnimate 模块，但我所有的ng-if,ng-show等都受此影响，我想将 ngAnimate 用于某些选定的元素。对于显示和隐藏非常快速的元素中的性能和一些错误。

谢谢。

您可以使用 ng-animate 和 ng-class 来添加和删除动画。我希望在 CSS3 中制作一个动画，但没有找到在线 ng-class 的好例子。所以我想知道人们是否有他们想要分享的好例子。

我不确定我的最终动画会是什么样子，但出于本示例的目的，假设我只想在添加 class 时使 div 的高度逐渐增加myclass。

我正在使用 AngularJSui-router并ngAnimate在移动设备中创建经典的滑动视图。

我发现，在页面上同时存在两个视图的过渡开始时，如果目标视图超出了视口，它会首先跳转到该视图位置，这给我们带来了这样有趣的效果：

笨蛋

有没有办法避免这种情况？

ngAnimate当与路由一起使用时，可以设置不同的“CSS 样式”以产生不同的过渡。

这是涵盖过渡的所有 CSS 选项的正确模板吗？

myAnimation = 代表我的 CSS 模板。

是否有任何指南或文档说明正在影响什么以及何时？

我已经玩了一段时间了，但我仍然不了解这些 CSS 项目中的每一个以及它们在动画中所扮演的角色，我指的是“绝望视图”和“新视图”。我知道这也涉及理解 CSS，但我正在寻找的是使用最简单的 CSS 来理解这一点......开发人员可以使用它从那里发展。

我很难在角度ng-repeat列表中获得用于移动的 css 动画。我在这里有一个 plunker：http://plnkr.co/edit/KIcTiJ?p= preview

如您所见，ng-enter动画是在第一次加载 plunker 时处理的。但是，我找不到任何方法来触发列表移动的动画。在示例中，通过单击箭头，处理了 ng-hide，我希望触发 ng-move 动画，但我想知道我是否误解了 ng-repeat move 动画是如何触发的。

在任何一种情况下，当我单击该示例中的左右箭头时，任何人都可以为我建议一种更好的方法来将角度 1.2 动画应用于此列表吗？我尝试了生成 ng-repeat 的替代方法（我可以使用角度过滤器而不是 ng-hide），并且尝试了不同的 css 转换，但我似乎无法得到任何工作。对于如何取得进展，这里的任何建议将不胜感激。

抱歉，如果这个问题似乎是重复的，但我在 stackoverflow 上查看了类似的问题，但我能找到的唯一其他答案是针对较旧的角度动画框架或建议的自定义 javascript 动画，我希望避免这种情况。

我正在尝试使用ng-animate( ng-repeatand ng-show) 淡出旧内容并将其替换为新内容。

我遇到的问题是，在remove和add动画期间，添加的元素和删除的元素都有display:block.

我想我可以通过在 CSS 中使用 an 来避免这种情况animation-delay，但这只会延迟淡入淡出，而不是添加display在元素上设置的类。

结果是生涩的过渡。

这是我的动画 CSS（删减）：

但是用这个 plunkr更容易演示。

有任何想法吗？

注意：需要明确的是，plunkr 链接的期望行为是彩色方块总是占据相同的空间，即它们位于同一行并且按钮不移动。如果可能的话，我想在没有绝对定位“bodges”的情况下解决这个问题，因为我使用它的实际页面比给出的演示要复杂得多。

我正在尝试将动画引入我的应用程序，但是当我在我的应用程序中包含 ngAnimate 依赖项时，它不会加载，也不会在控制台中出现任何错误，这使得调试变得非常困难。

索引.html：

scriptAppLoader.js：

应用程序.js：

我想为我的应用程序设置动画，所以我注入了 ngAnimate 但现在我的视图都没有显示：

这是不正确的吗？

根据

角度 1.1.5 - http://plnkr.co/edit/eoKt8o4MJw9sWdYdeG3s?p=preview - 工作

升级

角度 1.2.6 - http://plnkr.co/edit/WopgAtFNVm1mKf5Li99h?p=preview - 失败

我想我确实遵循了文档中的说明 - http://docs.angularjs.org/api/ngAnimate

• 首先在您的 HTML 中包含 angular-animate.js

• 然后通过将模块添加为依赖模块将其加载到您的应用程序中

在我的时区已经很晚了，我可能会错过一些明显的东西。我的猜测是 - 1.1.5 和 1.2.6 之间的 CSS 文件不兼容？真的说不出来...

无论如何，这里是代码形式的升级plunker，我添加了一些注释以强调我遵循了文档中的说明：

非常感谢您的帮助！

我正在尝试使用新的 AngularJS 方式在页面转换之间进行动画处理，并希望合并卡片翻转（如http://jsfiddle.net/nicooprat/GDdtS/）

我只是有点不确定如何更新该代码以使其与 AngularJS 一起用于页面转换。

有什么想法吗？