如何设置焦点输入Angular2表单

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

什么是'自动对焦'？没有必要

jlink

Answer 2

使用after view init hook：

@ViewChild ('input1') input1: ElementRef;

ngAfterViewInit() {
  const el: HtmlInputElement = this.input1.nativeElement;
  el.nativeElement.focus();
}