问题标签 [ng-animate]

我只是在 Angular 中找到自己的方式，更重要的是在没有 jQuery 的情况下找到自己的方式！

我想要一个视图显示加载微调器，同时从服务器获取数据，当它到达时（模型将具有“Populated”属性）我希望微调器淡出，内容淡出在。

我正在使用加载位指令，并且 ng-show 似乎很简单，可以切换视图中的部分。

看法：

指示：

这是我不确定的动画。特别是，一旦微调器完全淡出，我希望内容淡入，我不知道如何通过回调来做到这一点。

我应该使用 CSS 尝试所有动画还是扩展我的指令并使用 javascript？

（我正在为任何想知道语法的人使用 TypeScript）

我正在尝试测试我所做的非常简单的指令。

该指令使某些元素可见 1 秒，然后 - 将其淡出。（这是演示问题的小提琴）

我知道为了执行 fadingOut 动画角度应该向元素添加“ng-hide-add”类，这就是我正在尝试测试的。在浏览器中它可以工作（从 fiddler 中删除 angular-mocks 并且它会运行）但是在单元测试中 - 这个测试由于某种原因失败了。

我想这与注入 ng-animate 有关系...

谢谢转发

在指令内部，我根据用户交互在元素上添加各种类。

使用代替指令时如何获取ngAnimate类序列（例如my-class-add-> ）？my-class-add-activeelement.addClassngClass

我想使用 CSS 过渡，而不是 JS 动画。

谢谢。

我在ngAnimate几个案例中使用 Angular。在另一个中，我有一个指令正在改变列的宽度（使用 Bootstrapcol-md-*类）和一个看起来像这样的简单转换：

我没有明确地ngAnimate在这里使用，但它肯定让我因为被包括在内而感到悲伤。基本上，过渡会在过渡到新宽度之前跳到零。如果我ngAnimate从我的模块中删除，过渡是平滑的，但我需要ngAnimate在我的应用程序中使用其他功能。

我可以禁用ngAnimate对我的纯 CSS 过渡所做的任何事情吗？我可以在这里做些什么来解决这个问题？快把我逼疯了。

这是一个演示问题的小提琴。有关重现的说明，请参阅评论。

我在 ng-view 上使用 1.2.6 ng-animate。在 app.run 中，我调用了一个服务方法，该方法最初使用 jQuery 将类应用于 ng-view 元素，然后在 $viewContentLoaded 上再次更改类。问题是，在更改路线并加载新视图后，$animate 似乎保留了我第一次应用不同类时存在的元素的缓存版本，因此它有点回滚到原始元素版本。

有没有办法强制 $animate 手动更新它的缓存版本？$apply() 似乎没有效果。谢谢你的任何提示。

我正在使用ng-animate来滑动应用程序视图，所以每条路线都会滑动自己的视图，这是我的简单代码：

html:

CSS：

现在，我想知道，is there anyway to exclude the home page (main "/" route) from sliding?

换句话说：有什么方法可以从 ng-animate 中排除路由？

我有一个元素的可见性由ng-show. 我还在这个元素上使用 CSS 动画 - 来自 ng-animate 的自动动画 - 为其条目设置动画。

该元素将包含图像或视频。

在元素包含视频的情况下，我想播放它，但我不想播放视频，直到它完成动画。

因此，我想知道是否有一种简单的方法可以将回调绑定到 AngularJS 中CSS动画的末尾？

文档引用 a doneCallback，但我看不到指定它的方法...

我想到的一种解决方法（？）是$watchingelement.hasClass("ng-hide-add-active")并等待它与 一起触发(true, false)，这意味着它刚刚被删除..

有没有更好的方法？

ngAnimate在具有定义的单页应用程序中：

是否可以设置一些带有 x 转换的路由页面和其他带有 y 转换的路由页面？

我想混合过渡。

更新 1

这个提议：

我试过了，但没有用。无论我对元素做了什么，即使像我在示例代码中所做的那样删除类，相同的转换总是会触发。

我正在 angularjs 中创建一个表单，其中有两个 ngShow 用于错误消息。现在，我想交叉淡化这两条消息，将它们放在同一个位置。但是，我不确定如何获得它。

这是 plunker 链接：http ://plnkr.co/edit/EcT2oOmClz65WUgXgG4g?p=preview

我正在使用 1.2.4 并链接了 ng-animate 库。现在动画（淡入/淡出）是使用 CSS 而不是 JS 实现的：

html:

CSS：

JS：

我有使用 ngAnimate 的 SPA。如果此应用程序在没有 $templateCache 动画的情况下工作正常，但如果我尝试从 $templateCache 动画加载模板则不起作用。也许如果应用程序使用 $templateCache 需要添加一些配置......

我该如何解决这个问题？

我的观点

应用程序