问题标签 [angularjs-animation]

我正在尝试使用 AngJS 1.2.15 创建动画

我已经定义了一个指令，其目的是创建一个 post 元素并将 showAnswer 布尔值传递给该元素。

并创建了一个动画模块，如果将答案类添加/删除到 post 元素，它会在该模块上进行动画处理。

如果 showAnswer 是真/假，取决于 mouseenter/mouseleave，则 HTML 通过将答案作为一个类分配/删除来将两者绑定在一起。

的HTML

模块

现在我已经输入了 console.logs 来显示我期望发生的事情，但是这些日志从未被调用，这意味着 beforeAddClass 和 beforeRemoveClass 从未被调用，即使我可以清楚地看到答案类被添加到元素中！：（ 卡住！

当用户单击屏幕上其他位置的按钮时，我有一个元素出现。该元素似乎从屏幕顶部出来。默认情况下，该元素需要隐藏在屏幕上方的视野之外，因此我将有一个基于元素高度的 margin-top 样式（并且将是一个负值）。这不能在 css 中硬编码，因为元素高度可能会有所不同。当我单击按钮时，我希望元素 margin-top 更改为 0 并且我想要一个过渡动画。

angularJS 文档中显示的示例用于添加删除类。如果我知道要设置的值并且可以在 CSS 中对它们进行编码，这会很好，但是我不能。解决这个问题的正确方法是什么？

下面的代码适用于使用边距显示和隐藏我的元素，但没有动画。边距变化时如何在此处触发动画？

https://docs.angularjs.org/guide/animations

我根据建议的解决方案添加了以下代码，但从未命中此代码。

我创建了在路线更改页面期间运行的动画。比如这里描述的苏格兰威士忌http://scotch.io/tutorials/javascript/animating-angularjs-apps-ngview

这很好，但是我需要通过在动画结束时添加回调来扩展这个解决方案。我找不到简单的方法来解决我的问题。你能帮我解决这个问题吗？

最好的问候， 库巴

我在某些地方使用 ngAnimate，但它接管了我所有 ng-class 元素的动画。我已经为不需要 ngAnimate 接管的各种元素编写了大量动画代码。他们添加的课程似乎真的把事情搞砸了。无论如何要排除这些元素？

这是我要排除的元素：

ngAnimate 添加了类似的类

我试图在 AngularJS 中完成页面转换动画后运行一个函数。

基本上，我想要实现的是，在特定时间为每个视图运行特定代码，例如在进入转换之后和离开转换之前。

我正在使用 ngRoute 和 ngView 在视图之间切换，并在 javavscript 中添加了我的 Greensock 动画。

对此有何建议？

在我的代码下面：

HTML：

我尝试了许多不同的方法来向这个关键帧动画添加文本，但问题是当我包含包含文本的 div 时，它会弄乱其中一个动画。理想情况下，我希望文本居中和顶部或居中和左上角，但是当我到达那里时，它会抛出动画中的最后一个跨度。如何编辑类 waitingtext 使其不干扰动画？

我得到 css 的网站

HTML

CSS

我有一个使用 angular.js (1.2.9) 运行的 Web 应用程序

我想用一些动画的东西来扩展它。

为此 ii 引用了 ng-animate js-file：

我用 ng-animate 扩展了我的模块创建

但从那时起，我得到了一个“未捕获的对象”错误，而没有更改任何其他内容。

对我来说，这看起来像 ng-animate 模块无法解决。

我究竟做错了什么？

在尝试创建淡入淡出图像的幻灯片时，我遇到了这个问题。我发现，当一次制作一个动画时，它们是流畅且无缝的。但是，在制作多个动画时，它们会变得不稳定且不稳定。这是我用于淡入一张图像的代码，同时淡出重叠的图像（所有这些都发生在指令中）：

这可行，但是动画会产生不稳定的结果。图像不会平滑地淡入和淡出，它们只是出现，或者有时其中一个图像会淡出。但是，如果我嵌套动画以便一次只发生一个，那么两个动画都可以完美执行，一个接一个，如下所示：

太好了……只是不是我想要的效果。我希望一个图像淡出，而另一张图像无缝淡入它上面！难道我做错了什么？或者这是 Angular Animate 库中的错误/性能问题？

需要注意的另一件事是，我还尝试在指令之外使用 JQuery DOM 操作，并且动画完美无缺。我只是把它移到一个指令中，因为那是有角度的做事方式。那么为什么它会提升我的动画呢？

第一次尝试使用角度动画并且无法弄清楚我做错了什么。

我将 AngularJS v1.3.0-build.2805 用于 Angular 本身和 Animation 模块。

-1。包含模块

-2。在 CSS 中定义样式

-3。在 ng-repeat 中包含类

我在这里想念什么？

我一直在尝试为按行（父ng-repeat）和列（子ng-repeat）划分的元素列表制作动画。我已经单独实现了我想要的动画ng-repeats。问题是当使用同一个动画和嵌套ng-repeats时，动画并不是我所期望的那样。这是我目前正在研究的PLUNKER 。如果有人能指出我正确的方向，我将不胜感激。