问题标签 [ng-animate]

是否可以在没有任何 CSS3 或 JavaScript的情况下使用ngAnimate ？假设您只需要切换不透明度，您可以在标记中进行吗？

我正在玩最近添加的 angular.js 动画功能，但这不能按预期工作

http://jsfiddle.net/Kx4TS/1

它破坏了 myDivdom.ready并开始淡出。而它最初应该被隐藏。如何解决？

我正在尝试使用ng-animateAngular 的新功能来实现滑动效果。我从演示站点获取了一些代码并准备了一个小提琴。

DIV问题是当从数组中交换项目时，滑动下方的元素会不断上下移动。我试过line-height但没有成功。

是否可以修复上述行为？或者任何更好的方法来实现它只使用角度和 CSS？

当使用 ngAnimate 淡入 ngRepeat 中的每个项目时，当前所有项目同时淡入。是否有可能在前一个项目褪色到例如 50% 后，每个项目都淡入，从而导致级联效果？

使用 ngAnimate 如果可以延迟每个项目的动画效果会很好，例如：

有没有办法解决这个问题？

谢谢！

添加到 GitHub https://github.com/angular/angular.js/issues/2460

我尝试使用 JS 实现演示示例，但 ng-switch 出现问题......我可以看到新元素正在添加到 dom 中，但 ng-switch 没有删除不需要的 DIV。你能帮忙吗...

这里是小提琴...

这是一个简单的 Plunkr，它可以为列表中的项目插入动画。这使用 -webkit-transform 将插入从 scale(0) 缩放到 scale(1)。将 ng-animate="'insert'" 切换为 ng-animate="'fader'" 将使用 Javascript 动画插入项目。

但是：我希望能够在这里使用 CSS 关键帧动画。列表中的最后一个条目是硬编码的，并使用“float-enter-start”类。我似乎无法让 ng-animate 正确应用这个类。似乎设置 ng-animate="''float" 应该有效，但事实并非如此。我错过了什么？

当我从 angularjs 1.1.4 玩 ng-view 和 ng-animate 时，我注意到指令被执行了两次。一次用于进入屏幕的视图中的元素，再次用于离开屏幕的视图中的元素（当视图进入屏幕时，该指令已经为元素执行）。

据我了解，指令应该只对进入屏幕的元素执行，而不是对离开的元素执行。还是我错过了什么？

我已经为此http://jsfiddle.net/mediastuttgart/f4FPj/1/设置了一个jsfiddle

如您所见，应用程序启动时计数器显示为 1。但如果您开始导航，计数器会增加 2。

干杯迈克尔

编辑

当然，一种解决方法可能是向元素添加一个类并在指令中检查它——但我想这不是应该完成的方式。

http://jsfiddle.net/mediastuttgart/f4FPj/2/

我有一个包含 ng-views(partials) 的 div

我将控制器中的 myAnimation 从

至

我还在视图中打印 {{myAnimation}} 以便我可以看到更改。

问题是进行了更改，但仍然触发了第四个动画。它不会更新动画。我已经设置了一些指令来观看动画触发开始和设置，所以我知道它有效，我也尝试过相反的方式，而不是从 forward->back 我做 back->forth 我遇到同样的问题，它可以工作，但不会改变。

非常感谢任何帮助，我在 YearOfMoo 网站 http://www.yearofmoo.com/2013/04/animation-in-angularjs.html上采用了这种技术

“通过更改 $scope 跳过特定动画”

我想要一个通知用户数据已更改的指令（例如通过更改背景颜色、摇晃、滑动等）。一个简单的例子是这样的：

html:

指示：

如何更改上述指令以使其使用 ngAnimate 功能？我一直在研究 $animator 服务，但我不知道如何将它融入上述模型。

所以我有几个不同的模板可以放入ng-view，每个模板都使用 slick newng-animate指令进行动画处理。每个模板都有自己的 CSS，我需要想办法防止 CSS 发生冲突，以便在 template1 中的 h1 声明仅适用于 template1，而不适用于 template2。

我目前知道的选项是重写 CSS，因为它即将提供给页面以定位父元素，我可以将其定义为与模板匹配的 ID。另一个不太理想的选择是使用 iframe，这意味着我将同时运行多个应用程序实例，每个实例都在自己的 iframe 中。

还有其他选择吗？哪种方式最能解决隔离每个 CSS 声明的目标？