在 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 是一個自定義的指令。
