问题标签 [angular-animations]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
614 浏览

angular - Angular2级联动画

我正在尝试为元素列表实现级联动画。

由于文档,我成功应用了状态触发器,但是所有元素状态都是同时应用的,而不是级联的。

我的动画:

当前动画

预期结果:

预期结果

hero.component.ts

hero.component.html

0 投票
0 回答
170 浏览

angular - Angular 2 根据元素类确定状态

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

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

0 投票
1 回答
926 浏览

angular - Angular2将动画绑定到伪元素

我正在尝试将 Angular2 动画系统用于伪元素:before。根据动画流程,我需要定义动画状态:

然后将其附加到一个 DOM 元素上,如下所示:

但是,我想把它附加到一个伪before元素上。我怎样才能做到这一点?

0 投票
1 回答
505 浏览

angular - Angular2动态组件

我使用 Angular 2 + TypeScript。现在正在添加 angular2-busy。

对于这个库,我需要包含 angular2-dynamic-component,但我不知道我必须用它做什么。

这是错误 在此处输入图像描述

这是应用模块

出了什么问题以及如何解决?

更新 angular2-busy/busy.component.js

这是出现错误的地方。

0 投票
1 回答
118 浏览

angular - 为 angular2 动画效果应用动画效果

我正在尝试将动画应用于 md 卡(尝试复制https://teradata.github.io/covalent/#/components/expansion-panel)...我能够获取视图并应用动画但是卡片展开/折叠时的过渡是平滑的,我无法获得。我在这里做了一个演示http://plnkr.co/edit/kvzSSbseT5cbOv054i2u?p=preview状态之间的转换很快。当我在演示中的卡片被点击时,我试图实现同样的动画......

这些是我正在尝试应用的动画。有人可以帮我获得上面链接中的动画效果吗?

0 投票
1 回答
2203 浏览

angular - Angular2动画触发器

我正在取消 Angular2 @angular/core 2.2.1 并且我想多次触发我的“坏凭据”动画,每次凭据都不好。

这是我的想法:

和 html

现在的问题是如何多次触发动画。因此我必须更改wrongCredentials为另一个随机字符串来触发动画?

还有其他想法如何通过函数调用直接触发动画吗?

0 投票
2 回答
1771 浏览

angular - onInit 中的 Angular2 动画不起作用

在 Angular2 应用程序中,我正在尝试制作动画

这是组件的html:

这是动画:

我将在页面加载时触发此动画:

0 投票
1 回答
283 浏览

angular - Angular2动画没有动画

我在 Angular2 中有以下组件。

我已经阅读了有关 Angular2 动画的文章。https://angular.io/docs/ts/latest/guide/animations.html

那里提到 state.style 在转换完成后应用(样式持久化)。

transition.style 在开始之前应用,transition.animate.style 被动画化。

由于某种原因,在我的组件中,状态切换但没有动画......只有 state.styles 在动画时间之后应用。

0 投票
4 回答
19426 浏览

angular - 动画Angular2中的参数

我正在尝试制作一个简单的动画,例如下面的简单 jQuery

我正在使用 Angular2 动画,但问题是如何将组件类外部的 left_indent 参数传递给动画触发器?

0 投票
0 回答
333 浏览

angular - Angular 2 动画:路由器动画

我正在尝试将路线(页面)转换添加到我的 Angular 2 应用程序中。按照这个例子,我能够执行动画,但只触发离开动画。enter 动画未执行,导致“下一页”立即出现。

这是每个组件的代码:

这是动画代码,定义在一个单独的文件中:

}

为什么只执行离开动画?

提前致谢!:)