@ViewChild 註解使用範例 - Angular 組件中取得 DOM 元素

以下是一個使用 'ViewChild' 註解的例子，該範例為一個 Angular 組件：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: '<div #exampleDiv>Example Div</div>'
})
export class ExampleComponent {
  @ViewChild('exampleDiv', { static: true }) exampleDiv: ElementRef;

  ngAfterViewInit() {
    console.log(this.exampleDiv.nativeElement.innerHTML);
  }
}

在上面的範例中，我們使用 'ViewChild' 註解，將 DOM 元素 'exampleDiv' 綁定到 'exampleDiv' 變數上。在 'ngAfterViewInit()' 方法中，我們可以使用 'exampleDiv.nativeElement' 來訪問該元素的原生 DOM。在本例中，我們將輸出 'exampleDiv' 元素的 'innerHTML' 來確認它是否正確。