Angular：页面上输入框自动获取焦点

方法一：

在component.ts上，ngOnInit()中写这个方法：

document.getElementById('getGuid').focus();

并且将id绑定到HTML上的输入框上：

<input nz-input formControlName="guid" id="getGuid" placeholder="请输入生产批号">

方法二：

直接在HTML上获取焦点autofocus（但是我的弹出框中，只有第一次加载的时候有效，好像对于nz-input这个组件，autofocus这个属性是没用的.....）：

<input autofocus nz-input formControlName="guid" placeholder="请输入生产批号">

方法三：

HTML上获取这个input对象#myInput：

<input #myInput nz-input formControlName="guid" placeholder="请输入生产批号">

在component.ts中对这个对象进行处理，首先要获取这个对象：

@ViewChild('myInput') myInput: ElementRef;   // 这个依赖import { ViewChild } from '@angular/core';

注意一定要放在ngAfterViewInit()中：

 ngAfterViewInit() {
    //  监听窗体变化
    this.globalProvider.onWindoResize().pipe(untilDestroyed(this)).subscribe(e => {
      if (e) {
      }
    });
    setTimeout(() => {
      this.loading = false;
      this.myInput.nativeElement.focus();
    }, 100);
  }