首页 文章

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

提问于
浏览
2

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

1 回答

  • 3

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

    然后你将有3个过渡

    • void => * //初始加载 - 没有动画

    • void => added //添加组件的动画

    • * => void //用于删除组件的动画

相关问题