如何使用Angular8将焦点设置在具有动态生成的元素id的材料输入上

<mat-form-field>
  <input matInput [id]="dynamicId" [(ngModel)]="inputValue">
</mat-form-field>

export class MyComponent {
  dynamicId: string;
  inputValue: string;

  constructor() {
    this.dynamicId = this.generateDynamicId();
  }

  generateDynamicId(): string {
    // 生成动态ID的逻辑
    return 'dynamic-input-' + Math.random().toString(36).substring(7);
  }
}

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

export class MyComponent implements AfterViewInit {
  dynamicId: string;
  inputValue: string;

  constructor(private elementRef: ElementRef, private renderer: Renderer2) {
    this.dynamicId = this.generateDynamicId();
  }

  ngAfterViewInit() {
    const dynamicInputElement = this.elementRef.nativeElement.querySelector('#' + this.dynamicId);
    this.renderer.selectRootElement(dynamicInputElement).focus();
  }

  generateDynamicId(): string {
    // 生成动态ID的逻辑
    return 'dynamic-input-' + Math.random().toString(36).substring(7);
  }
}