问题标签 [angularjs-animation]

我似乎无法让 ng-enter 动画工作。我有一个重复的 div 呈现所谓的“功能框”，它们是小标题框。我已经阅读了许多教程，但无法弄清楚为什么我的代码有任何不同/不起作用。任何人都可以弄清楚吗？

我的代码是：

HTML：

CSS：

编辑：

这是它的一个jsfiddle：https ://jsfiddle.net/zu1bjzj9/4/

在 Chrome 中工作时，我发现 AngularJS 动画似乎破坏了position: fixed应用于它们的元素。我无法在 Safari 或 Firefox 中重现该问题。

我不确定我是否做错了什么，或者我是否可以做一些更好的事情来解决这个问题。

我有一个 Plunker 在这里说明了这个问题：http://plnkr.co/edit/fhI7M7ev75AGYzesf4GB?p= preview

要重现，必须执行以下操作（因为 Plunker 的布局似乎可以解决问题）：

1. 运行 Plunk（在 Chrome 中）
2. 将预览拆分到新窗口中
3. 降低高度以仅显示彩色框
4. 单击“单击我”按钮，然后滚动到见证问题

如果您重新加载滚动列表页面，顶部横幅将正确fixed显示在顶部。

顶部横幅的 CSS 很简单：

如果您编辑 plunk 并删除动画（在 CSS 文件的底部，在它们上方注释）样式，则问题不再存在。

这是一个已知问题，还是我做了一些奇怪的事情，会让 Chrome 崩溃？无论哪种情况，是否可以进行调整来解决此问题？

So I have two sets of 4 buttons. Only 1 set of buttons is made visible by ng-show expression at a time. I am having difficulty working with angular animation css to create a slide in on ng-show-add and a slide out on ng-show-remove. Heres my code:

我编写了一个名为“cardViewer”的角度指令，它可以在其中显示带有动画的图像。

当您按下“上一个”按钮时，图像向左滑动。当您按下“下一步”按钮时，图像向右滑动。

我尝试使用ng-switch仅支持.ng-enter和.ng-leave动画类来做到这一点。但是我需要两种进入方式（从左右进入），两种离开方式（向左和向右离开）。

所以我尝试ng-class解决这个问题。我希望它可以toLeft在切换之前添加类，这样它就可以应用特定的 css 动画。

但它似乎无法正常工作。当我按两次“下一步”按钮时，它工作正常。但是当我按“下一个”，然后按“上一个”时，新图像以正确的方向输入，但旧图像以错误的方向离开。

我的指令模板：

指示：

CSS：

这是我的插件：cardViewer

我的代码有什么问题？使 ng-switch 以多种方式进入/离开的正确方法是什么？

我被困在动画中，因为我的离子应用程序如下图所示。经过大量搜索，我没有找到类似类型的动画，所以请谁能帮我解决这个问题？

请找到图片：

图像中的动画显示当用户单击按钮时，圆圈以椭圆形缓慢移动到通知图标，

然后到达通知（公文包）内部后，线条和圆圈会自动消失。

请帮我解决这个问题，我真的需要它。提前致谢。

我目前在样式化选项卡的角度指令时遇到问题。我正在尝试设置一个活动选项卡并取消选择所有其他选项卡。但是，我没有任何运气。我曾尝试使用由引导程序托管的 css，但这并没有解决问题。我不知道从哪里开始，但在正确的方向上的一点会有所帮助。

我做了一个 Plunker 来演示我的问题： http ://plnkr.co/edit/ZjrG8uHS4sHq3pxgGVLu?p=preview

以及下面的代码：

索引.html

应用程序.js

tabset.html

样式.css

我想使用 ngAnimate 但不知何故它不起作用，我不知道为什么。我已将所有内容添加到我的页面并将它们注入我的应用程序，但我仍然一无所获。

这是我的索引和我的应用程序；

当我从绝对定位的 div 列表中删除元素时，该操作的 ngAnimate 动画未按预期执行。下面是一个例子

HTML

CSS

JavaScript

JSFiddle：链接

基本上发生的事情是元素被立即删除，另一个元素取而代之，并且被删除元素的动画被执行但不可见，因为另一个元素在它之上（换句话说，角度删除元素，重新渲染整个列表，然后执行动画）。这就是动画效果很好的原因，当只有一个元素时。

我需要的是首先执行动画，然后重新渲染整个列表。有谁知道如何做到这一点？

我正在构建一个带有嵌套评论列表的 Ionic 应用程序。我需要将回复动画化为子元素并保留状态。目前我正在使用带有 jQ​​uery slideToggle 的简单指令，但这不会保留状态（并且不是“Angular 方式”）。

Shlomi Assaf 的这个幻灯片动画示例是我需要的一个很好的开始，但它不处理嵌套元素。我创建他的 CodePen 项目的嵌套版本来演示这个问题。

我不确定是否应该修改动画函数以处理嵌套元素，或者我的控制器是否应该在子元素动画时（或完成后）调用祖先元素上的动画。

协助表示赞赏。这是使用原生 AngularJS 指令的 HTML 的基础：

这是原始动画功能：

我正在尝试做一些动画工作，但由于某种原因，在 ng-show / ng-hide 转换期间未附加适当的类。我附上了这个动画，表明它们没有被附上。我究竟做错了什么？

我应该提到其他动画正在运行，例如附加到ui-view.

CodePen 演示： http ://codepen.io/anon/pen/OyoyYX?editors=101

如果您使用的是 chrome，请查看调试器浏览器。你可以看到 enter/etc 类没有被附加。

更新：

GitHub上的这个案例似乎是相关的： https ://github.com/angular/angular.js/issues/12267