在 Angular 中，可以使用 ViewChild 装饰器来获取 DOM 元素。
首先，在组件的类中，导入 ViewChild 和 ElementRef：
import { ViewChild, ElementRef } from '@angular/core';
然后，在组件类中声明一个 ViewChild 属性，并使用 ElementRef 类型注解：
@ViewChild('myElement', {static: false}) myElement: ElementRef;
在模板中，使用 # 符号来定义一个引用变量，并将其传递给 ViewChild 属性：
<div #myElement>这是一个 DOM 元素</div>
接下来，在组件类中，就可以使用 myElement 属性来访问该 DOM 元素了。可以通过 nativeElement 属性来获取 DOM 元素的实际对象：
ngAfterViewInit() {
console.log(this.myElement.nativeElement);
}
注意：ViewChild 获取的是 DOM 元素的引用，所以在获取之前需要确保该 DOM 元素已经渲染完成。可以使用 ngAfterViewInit 生命周期钩子函数来确保 DOM 元素已经渲染完成。
此外，还可以通过指令的方式来获取 DOM 元素，例如 @ViewChild(MyDirective)，其中 MyDirective 是一个自定义的指令。
