什么是状态？如何深入学习Angular中的动画实现？

本文共计2911个文字，预计阅读时间需要12分钟。

本篇深入探讨了Angular中的动画，简要介绍了创建动画的方法，并讨论了关键帧动画、动画回调、可复用动画、错误处理动画等知识点。希望对大家有所帮助！

本篇文章带大家深入了解一下angular中的动画，简单介绍一下创建动画的方法，并聊聊关键帧动画、动画回调、可重用动画、交错动画等知识点，希望对大家有所帮助！

状态

---

1、什么是状态

状态表示的是要进行运动的元素在运动的不同时期所呈现的样式。

2、状态的种类

在 Angular 中，有三种类型的状态，分别为：void、*、custom

void：当元素在内存中创建好但尚未被添加到 DOM 中或将元素从 DOM 中删除时会发生此状态

*：元素被插入到 DOM 树之后的状态，或者是已经在DOM树中的元素的状态，也叫默认状态

custom：自定义状态，元素默认就在页面之中，从一个状态运动到另一个状态，比如面板的折叠和展开。