如何在输入角度2表单上设置焦点

Question

我有一个 angular2/Ionic2 形式的输入

<input #input1 autofocus type="text" [ngModel]='searchString' name='searchText' required minlength="3" (ngModelChange)="onInputChange($event)">

我想在页面/路由更改时将焦点设置在它上面。

nativeElement.focus()不起作用，

因为@ViewChild(#input1)给出 angular2 元素而不是本机 html 元素。

Answer 1

"自动对焦"有什么用？不是必需的

@ViewChild ('input1') el: ElementRef; // the # is used in html only
....
async ngOnInit() {
  setTimeout(() => {
    this.el.nativeElement.focus(); // with ElementRef should work, but if you encounter any problem just use 'any' type
  }, 1000);
}