Angular10 动画样式 API

在本文中，我们将了解 Angular 10 中的 Style 是什么以及如何使用它。

Angular10 中的样式用于创建包含可用于动画状态的 CSS 属性/样式的键/值对象。

句法：

Style(tokens)

NgModule： Style 使用的模块是：

• 动画

方法：

• 创建要使用的 Angular 应用程序。
• 在 app.module.ts 中导入 BrowserAnimationsModule..
• 在 app.component.html 中创建一个包含动画元素的 div。
• 在 app.component.ts 中导入要使用的触发器、状态、样式、过渡、动画。
• 制作包含动画标记的样式。
• 使用 ng serve 为 Angular 应用程序提供服务以查看输出。

参数：

• 标记：一组与动画状态相关的 CSS 样式或 HTML 样式。

返回值：

• AnimationStyleMetadata：封装样式数据的对象。

示例 1：

app.module.ts