如何在不使用nativeElement的情况下自动聚焦angular 10中的窗体控件

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  constructor(private renderer: Renderer2, private elementRef: ElementRef) { }
}

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

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

  constructor(private renderer: Renderer2, private elementRef: ElementRef) { }
}

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

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

  constructor(private renderer: Renderer2, private elementRef: ElementRef) { }

  ngAfterViewInit() {
    const element = this.renderer.selectRootElement(this.inputElement.nativeElement);
    this.renderer.focus(element);
  }
}