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

时间:2018-02-27 15:44:26

标签: angular angular-animations

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

1 个答案:

答案 0 :(得分:3)

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

然后你将有3个过渡

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