问题标签 [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.
angular - Angular2级联动画
我正在尝试为元素列表实现级联动画。
由于文档,我成功应用了状态触发器,但是所有元素状态都是同时应用的,而不是级联的。
我的动画:
预期结果:
hero.component.ts
hero.component.html
angular - Angular2将动画绑定到伪元素
我正在尝试将 Angular2 动画系统用于伪元素:before
。根据动画流程,我需要定义动画状态:
然后将其附加到一个 DOM 元素上,如下所示:
但是,我想把它附加到一个伪before
元素上。我怎样才能做到这一点?
angular - 为 angular2 动画效果应用动画效果
我正在尝试将动画应用于 md 卡(尝试复制https://teradata.github.io/covalent/#/components/expansion-panel)...我能够获取视图并应用动画但是卡片展开/折叠时的过渡是平滑的,我无法获得。我在这里做了一个演示http://plnkr.co/edit/kvzSSbseT5cbOv054i2u?p=preview状态之间的转换很快。当我在演示中的卡片被点击时,我试图实现同样的动画......
这些是我正在尝试应用的动画。有人可以帮我获得上面链接中的动画效果吗?
angular - Angular2动画触发器
我正在取消 Angular2 @angular/core 2.2.1 并且我想多次触发我的“坏凭据”动画,每次凭据都不好。
这是我的想法:
和 html
现在的问题是如何多次触发动画。因此我必须更改wrongCredentials
为另一个随机字符串来触发动画?
还有其他想法如何通过函数调用直接触发动画吗?
angular - onInit 中的 Angular2 动画不起作用
在 Angular2 应用程序中,我正在尝试制作动画
这是组件的html:
这是动画:
我将在页面加载时触发此动画:
angular - Angular2动画没有动画
我在 Angular2 中有以下组件。
我已经阅读了有关 Angular2 动画的文章。https://angular.io/docs/ts/latest/guide/animations.html
那里提到 state.style 在转换完成后应用(样式持久化)。
transition.style 在开始之前应用,transition.animate.style 被动画化。
由于某种原因,在我的组件中,状态切换但没有动画......只有 state.styles 在动画时间之后应用。
angular - 动画Angular2中的参数
我正在尝试制作一个简单的动画,例如下面的简单 jQuery
我正在使用 Angular2 动画,但问题是如何将组件类外部的 left_indent 参数传递给动画触发器?
angular - Angular 2 动画:路由器动画
我正在尝试将路线(页面)转换添加到我的 Angular 2 应用程序中。按照这个例子,我能够执行动画,但只触发离开动画。enter 动画未执行,导致“下一页”立即出现。
这是每个组件的代码:
这是动画代码,定义在一个单独的文件中:
}
为什么只执行离开动画?
提前致谢!:)