Angular:在初始 View /页面加载时禁用动画

标签 angular angular-animations

我有一个带有项目列表的 Angular 4 组件。我按照 Angular 文档 ( https://angular.io/api/animations/animation ) 设置添加或删除项目时的 Enter 和 Leave 动画。但加载 View 时,会在列表中的所有现有项目上播放相同的动画。有没有办法在初始 View 加载时关闭动画,但在加载 View 后重新启用它?

最佳答案

您可以为添加的组件定义专用的动画状态。

然后你将有 3 个转换

  1. void => *//初始加载 - 无动画
  2. void => added//添加组件的动画
  3. * => void//移除组件的动画

关于Angular:在初始 View /页面加载时禁用动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49012602/

相关文章:

Angular 2 : 404 error occur when I refresh through the browser

node.js - Angular 和 Express - 文件结构

Angular Router 动画计时错误

Angular 动画不适用于生产版本(跳到最终状态而不实际设置动画)

angular - 值变化时输入动画 Angular 2+

javascript - 获取包含 iframe 的页面的屏幕截图

javascript - 使用外部服务验证表单

javascript - Angular如何通过传递属性名称动态添加属性

javascript - Angular 7 动画导致 webkit 浏览器上的 z-index 重叠问题

javascript - Angular 4同步动画