问题标签 [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 投票
5 回答
9866 浏览

angular - angular2 组件过渡动画

如何在 angular2 中制作页面过渡动画?

我尝试这是代码但不起作用

我把我的动画类放在这样的css文件中

但它不起作用

0 投票
7 回答
188197 浏览

css - angular 2 ngIf 和 CSS 过渡/动画

我希望一个 div 使用 css 从 angular 2 的右侧滑入。

如果我只使用 [ngClass] 来切换类并利用不透明度,我工作得很好。但是我不希望从一开始就渲染该元素,所以我首先用 ngIf “隐藏”它,但是过渡将不起作用。

0 投票
2 回答
20684 浏览

angular - 如何在 Angular 中为 *ngFor 设置动画?

ngFor我需要在填充和显示列表时对其进行动画处理。每个元素都应该有一个过渡,让我们说这样的话。

我怎样才能做到这一点?

0 投票
2 回答
1167 浏览

javascript - Angular 2 动画

是否可以像在 jQuery 上一样在 Angular 2 上为元素设置动画?例如,我希望包含子元素的 div 在单击时展开/缩小。Angular 2 是否为此提供指令,还是我必须在 Angular 事件处理程序中调用 jQuery?

0 投票
2 回答
2656 浏览

angular - Angular 2 交错动画

Angular 2 RC2 刚刚问世,我想知道它是否已经支持交错动画*ngFor?DSL语言文档提到groupsequence没有任何形式的交错?

RC2中不包含交错动画吗?

0 投票
2 回答
26399 浏览

angular - 路由组件的Angular 2“动画幻灯片”

假设我在固定导航栏中有 2 个路由组件和两个 Routerlink 来路由它们。当我单击路由器链接时,我希望它们从右侧滑入。

我不想用 css 抵消组件并使用超时函数来更改 css 类以使其滑入(例如,使用 ngStyle 或 ngClass)。

在 Angular 2 中是否有更优雅的方法可以实现这一点?

谢谢!

0 投票
2 回答
1208 浏览

angular - Angular2 动画 onDone 回调

有人知道如何onDone在 angular2 中捕获新动画系统的回调吗?有一个动画 - 我想做一些事情onDone......我在 angular2 的源代码中看到了这个方法的AnimationPlayer界面,但没有任何东西暴露给用户......

最诚挚的问候!非常感谢您的回答!

0 投票
1 回答
6223 浏览

angular - Angular 2 触发动画

按照这里的文档我试图在我的应用程序中添加一些动画,但我在理解动画触发器时遇到了一些问题。

html组件

ts文件

所以我想做的是用一个按钮触发样式的变化,但是当我点击时没有任何变化。对我来说看代码没有错误,是真的吗?我错过了什么?

0 投票
0 回答
961 浏览

angular - ngFor的Angular 2动画触发器(状态“in”)

我正在尝试使用 ngFor 在输入/输出吐司消息上创建动画。

当新的 Toast 出现时,动画还可以,但是如果我单击关闭其中一个,所有的 Toast 消息都会从 DOM 中删除,但仍在模型中,当新的 Toast 出现时,它们不会出现在 DOM 中。

在我看来,我有:

这是组件中的动画定义:

如何将触发动画与模型关联?(使用 ng2 - rc3)

0 投票
2 回答
18681 浏览

angular - 向宿主元素添加角度动画

我通过向主机添加了动画

效果很好,在编译时我被告知这是不推荐使用的,我应该使用@HostBinding ...

这给我一个错误

但我无法在我的模块中添加动画.. 我该怎么办?