angular - 如何使用Angular4通过元素ID设置焦点

我是Angular的新手，正在尝试使用它来将焦点放在ID为“input1”的输入上。我正在使用以下代码:

@ViewChild('input1') inputEl: ElementRef;

然后在组件的后面:

 this.inputEl.nativeElement.focus();

但这不起作用。我究竟做错了什么？任何帮助都感激不尽。

最佳答案

组件

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

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

ngAfterViewInit() {
      setTimeout(() => this.inputEl.nativeElement.focus());
}

html

<input type="text" #input1>