如何在角度组件中定位Div

<!-- app.component.html -->
<div #myDiv>这是一个div元素</div>
<button (click)="focusDiv()">聚焦div</button>

// app.component.ts
import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  @ViewChild('myDiv') myDiv: ElementRef;

  focusDiv() {
    this.myDiv.nativeElement.focus();
  }
}

// app.component.ts
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements AfterViewInit {
  @ViewChild('myDiv') myDiv: ElementRef;

  ngAfterViewInit() {
    // 在视图初始化后执行
    this.myDiv.nativeElement.focus();
  }
}

ngAfterViewInit() {
  this.myDiv.nativeElement.focus();
}

@ViewChild('myDiv', { static: false }) myDiv: ElementRef;

someMethod() {
  this.myDiv.nativeElement.focus();
}