注：以下学习笔记均来源于Angular教程_Angular8 Angular9 Angular12入门实战视频教程

一、Angular 中的 dom 操作

1.原生 js

2.装饰器 @ViewChild

• 首先给需要获取的 dom 节点起一个名字。

• 在业务逻辑中引入 Angular 核心模块中的 ViewChild。

• 生命周期函数 ngAfterViewInit 中获取 dom。

代码如下：

3.父组件通过 @ViewChild 调用子组件的方法

父组件：

子组件：

二、Angular 执行 CSS3 动画

效果图：

• 页面结构：

• 页面样式：

• 页面逻辑：