问题标签 [ng-animate]

在 AngularJS 1.2 中，如果我使用父动画，子动画将不起作用。

如果我注释掉app.animation('.parent', function () { .. }，则子动画会正确启动。

如何让父动画和子动画同时工作？

我的代码的笨拙

HTML：

JS：

我正在使用 angular-ui-router 和 angularJS v1.2，并希望实现自定义页面转换。
如何将 ng-animate 与 ui-view （来自angular-ui-router）而不是 ng-view （这将是标准方式）一起使用？有关ng-view 的参考，请参阅AngularJS 1.2 中的 Remastered Animation 。

编辑：我尝试了两种不同版本的 angular：v1.2.0-rc.2 和 v1.2.0-rc.3，正如评论中所建议的那样，但似乎都没有成功。我想我可能做错了什么？

这是HTML：

和CSS：

我添加了前面提到的示例的JSfiddle。扩展这个示例以涵盖 ng-view 和 ui-view 会很好，但我不确定如何将 ng/ui-view 和部分内容放入 JSfiddle。

我查看了本页底部的官方显示/隐藏转换示例... http://docs.angularjs.org/api/ng.directive:ngShow

我试图修改它以获得从一个 div 到另一个 div 的无缝淡入淡出过渡（过渡：不透明度 0.5s 缓入淡出），其中两个 div 在页面上占据完全相同的位置，因此一个 div 完全淡出在另一个 div 开始淡入之前。

在 jquery 中，它会很简单：

关于使用单个模型“检查”来触发转换的链接示例，是否有人对使用角度实现此目标的最佳方法有任何建议？

我尝试使用 ngAnimate 模块来创建一个简单的动画。问题是每次我尝试将此模块作为依赖项包含时，我都会收到此错误：Error: Unknown provider: $animateProvider from ngAnimate.

代码很简单，但我不知道是什么问题。

这是我的 HTML 模板：

我在我的模块中包含 ngAnimation，如下所示：

非常简单。一切都和本教程一样，没什么特别的。但它不起作用。同样的问题在这里的stackoverflow上，但没用......

那么，任何人都可以解释一下是什么问题吗？

进入ngAnimations ; 我想知道如何完全控制页面转换。

我的意思是：能够以与 ng-enter 相同的方式控制 ng-leave，同时在过程中更改 url。Angular 的新手，但我将其描述为试图在 ng-view 更改之前获得一些 ng-leave 控制。

据我搜索， ng-leave 状态仅对ng-switch有意义（还有另一个 ng 但你明白了）；目前，这对我来说意味着所有元素都必须已经在页面中，并且该过程中不涉及任何 url 更改。

如果有任何帮助，非常感谢。我发现 ng-animations 真的很酷，但我认为这一点很缺失。

假设可能还有另一种模式可以遵循。

我正在发现 angular，并且对这个框架印象深刻。

我正在研究动画。它看起来非常强大，但我找不到看起来容易的东西。

我有一个绑定在范围内的值。比方说<span>{{article.title}}</span>。我想在模型变化时在背景上放一个动画......我怎样才能轻松做到这一点？

在此先感谢您的帮助。

假设您有一个简单的滑入动画指令：

和html：

效果很好。

现在假设 html 使用 Angular 插值：

这适用于第一次更改 scope.foo 的值，但不适用于后续尝试。

问题是：如何在每次更改时重新应用指令？

似乎把它放在手表的链接功能中是要走的路......

我目前正在使用 angular 1.2 rc3，我为我的 ng-repeat 项目使用了过渡。但是，我发现每当我更改 ng-repeat 的模型时，转换就会变得混乱。您会看到整个项目列表弹出然后消失。我想要的只是一个简单的淡出整个列表，淡入新项目列表。我怎样才能达到这种效果？

这是重现该内容的 plunker：http ://plnkr.co/edit/lnsxCySFGmUmAnYDqVm3?p=preview ://plnkr.co/edit/lnsxCySFGmUmAnYDqVm3?p=preview 只需添加几行，然后更改模型，您就会看到奇怪的行为。

谢谢。

非常简单的问题：在从范围中删除项目时AngularJS 1.2.x是否有可能（以及如何）ngAnimate触发？

这是一个示例 Plunker：

http://plnkr.co/edit/tpl:FrTqqTNoY8BEfHs9bB0f?p=preview

代码：

脚本：

如您所见，单击“删除”按钮运行splice()在$scope.imgs. 我想对此进行动画处理，而不是让它消失。我正在使用刚刚从这个 Moo 年文章中复制和粘贴的转换，它在过滤范围时效果很好，但在从范围中删除时显然不行。

我有一个 ng-include，它基于动态 url 加载内容（按预期工作）。

当我尝试对内容进行动画处理时，问题就出现enter了leave（根据角度文档，这是 ng-include 提供的用于动画处理的两个事件）。

enter正在按预期工作，但不是leave。templateUrl当我的控制器中更改时，我只是看到内容立即消失（而不是淡出） 。

有任何想法吗？