我有一个带有项目列表的Angular 4组件 . 在添加或删除项目时,我按照Angular文档(https://angular.io/api/animations/animation)设置了Enter和Leave动画 . 但是加载视图时,列表中的所有现有项目都会播放相同的动画 . 有没有办法在初始视图加载时关闭动画,但在加载视图后重新启用它?
我有一个带有项目列表的Angular 4组件 . 在添加或删除项目时,我按照Angular文档(https://angular.io/api/animations/animation)设置了Enter和Leave动画 . 但是加载视图时,列表中的所有现有项目都会播放相同的动画 . 有没有办法在初始视图加载时关闭动画,但在加载视图后重新启用它?
1 回答
您可以为添加的组件定义专用动画状态 .
然后你将有3个过渡
void => *
//初始加载 - 没有动画void => added
//添加组件的动画* => void
//用于删除组件的动画