问题标签 [angular-transitions]

使用 ng-view，我想要一个简单的 fadeIn/fadeOut 用于页面转换。但是，在不同的“视图”中，我希望在父元素上发生淡入/淡出的同时制作子元素。问题是，如果父母正在制作动画，那么角度取消的任何嵌套动画。为什么是这样？还有其他方法可以实现我想要的吗？

是否可以在子元素上定义转换并在 ngClass 为父元素更改时将其考虑在内？

到目前为止，我还无法做到这一点。
http://plnkr.co/edit/ulq1MQNDtY9cO2pcjdzF?p=preview

谢谢。

ngAnimate当与路由一起使用时，可以设置不同的“CSS 样式”以产生不同的过渡。

这是涵盖过渡的所有 CSS 选项的正确模板吗？

myAnimation = 代表我的 CSS 模板。

是否有任何指南或文档说明正在影响什么以及何时？

我已经玩了一段时间了，但我仍然不了解这些 CSS 项目中的每一个以及它们在动画中所扮演的角色，我指的是“绝望视图”和“新视图”。我知道这也涉及理解 CSS，但我正在寻找的是使用最简单的 CSS 来理解这一点......开发人员可以使用它从那里发展。

我正在尝试使用ng-animate( ng-repeatand ng-show) 淡出旧内容并将其替换为新内容。

我遇到的问题是，在remove和add动画期间，添加的元素和删除的元素都有display:block.

我想我可以通过在 CSS 中使用 an 来避免这种情况animation-delay，但这只会延迟淡入淡出，而不是添加display在元素上设置的类。

结果是生涩的过渡。

这是我的动画 CSS（删减）：

但是用这个 plunkr更容易演示。

有任何想法吗？

注意：需要明确的是，plunkr 链接的期望行为是彩色方块总是占据相同的空间，即它们位于同一行并且按钮不移动。如果可能的话，我想在没有绝对定位“bodges”的情况下解决这个问题，因为我使用它的实际页面比给出的演示要复杂得多。

我是角度 js 的新手。对于语言翻译，我在工作中使用 angular-translate 服务。我正在通过 API 调用响应获取我需要在 $translateProvider 中分配的全部翻译。我知道我可以将翻译分配给 $translateprovider ($translateprovider.translations ('en',translations) 仅来自配置模块，但我认为来自配置模块的 API 调用不是一个好习惯。

下面给出的是我的配置模块。

如何解决？如何从配置模块外部将翻译分配给 $translateProvider？

提前致谢。

我在 Angular 2 中有旋转木马，我想向它添加过渡。我做了英雄之旅教程，所以我在 app.component.ts 中有：

并且英雄元素的类别随着时间间隔从item fill carousel-item active变为，并且只显示一个。我想从to过渡，但根据文档我需要使用 trigger 。有没有办法根据类改变状态？item fill carousel-item inactiveactiveactiveinactive[@heroState]="hero.state"

在我的角度应用程序中，我遇到了这个问题。当用户快速双击指向状态的链接（ui-sref 链接）时，目标状态开始加载两次。如果状态窗口没有冻结并停止响应其他状态更改，这将是可以忍受的。单击另一个 ui-sref 链接时，URL 会相应更改，在后台进行 http 调用，但视图被冻结。

我需要知道，当有另一个过渡已经在尝试解决承诺时，我该如何防止任何过渡。我知道我可以通过 $stateChangeStart 和 event.preventDefault() 以某种方式发挥作用。我不知道的是如何让我的过渡在解决它的解析块后继续进行，以及如何对应 event.preventDefault()。

谢谢你的时间。任何建议将不胜感激。

我正在开发一个 Angular Js 应用程序并使用Angular-translate模块

在一种情况下，翻译可能将其键作为变量，因此我在翻译对象中创建了一个包含所有可能变量的对象。

当我将它与点符号一起使用时translate='status.awaiting'效果很好，但是如果我将它用作带有括号符号的变量，例如translate='status[status]'它根本不起作用！

这是我得到的一个最小的例子..提前谢谢！

我正在 angularjs 中构建基于权限的访问控制应用程序。我想要 $transitions 中的参数相当于 $routeChangeStart 中的“下一个”参数。

我定义了一项服务，用于检查登录用户是否有权访问视图

如您所见，我想将“下一个”信息传递给服务。$transitions.$to() 是否产生与 $routeChangeStart('next') 中的 next 相同的结果？我是新来的。TIA

我的组件的模板呈现一个列表：

该组件对其进行动画处理

这很好用，“div”从不透明度过渡。如果我做这样的事情：

activeModules 的数组被更新，模板再次呈现带有过渡的列表。我的问题是我只需要数组中的“新”项（在本例中为中间项）即可进行转换。可能吗？