无法使用document.getelementById(id)在角度编辑器上设置焦点

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

@Component({
  selector: 'app-editor',
  template: `<div #editorId>编辑器内容</div>`
})
export class EditorComponent implements AfterViewInit {
  @ViewChild('editorId') editorElement: ElementRef;

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

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

@Component({
  selector: 'app-editor',
  template: `<div #editorId>编辑器内容</div>`
})
export class EditorComponent implements AfterViewInit {
  @ViewChild('editorId') editorElement: ElementRef;

  ngAfterViewInit() {
    setTimeout(() => {
      this.editorElement.nativeElement.focus();
    }, 0);
  }
}

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

@Component({
  selector: 'app-editor',
  template: `<div #editorId>编辑器内容</div>`
})
export class EditorComponent implements AfterViewInit {
  @ViewChild('editorId') editorElement: ElementRef;

  constructor(private renderer: Renderer2) {}

  ngAfterViewInit() {
    this.renderer.selectRootElement(this.editorElement.nativeElement).focus();
  }
}