Angular 实验室：为列表添加动画并使用 AnimationBuilder 实现命令式动画
💡
原文英文，约1200词，阅读约需5分钟。
📝
内容提要
文章讲解了在Angular中使用动画系统的方法。首先，创建一个用户列表，并通过按钮添加用户。然后，使用Angular动画功能为新用户添加动画效果。接着，利用AnimationBuilder服务创建自定义指令，使列表项在点击按钮时闪烁。通过导出指令并在模板中调用，实现动画效果。文章还提到AnimationPlayer提供了多种动画控制方法。
🎯
关键要点
-
Angular包含复杂的动画系统，适用于元素进入或销毁时的动画效果。
-
创建用户列表并通过按钮添加用户。
-
使用Angular动画功能为新用户添加动画效果。
-
通过提供动画系统的配置来启用动画功能。
-
创建fadeIn动画触发器，并定义元素进入时的过渡效果。
-
在列表项中应用fadeIn动画以实现动画效果。
-
使用AnimationBuilder服务创建自定义指令，使列表项在点击按钮时闪烁。
-
导出指令并在模板中调用，以实现动画效果。
-
AnimationPlayer提供多种动画控制方法，如播放、暂停和停止动画。
➡️
