Ionic v4-入力にオートフォーカスするにはどうすればよいですか？

Question

入力があるビューがあります<ion-input #codigobarras></ion-input>

この入力にどのようにオートフォーカスできますか？

私は何を試しましたか

@ViewChild('codigobarras') input_codigobarras: Input;

...

ionViewDidEnter() {
    this.input_codigobarras.focus(); // didn't work = temp2.focus is not a function
    this.input_codigobarras.focus.emit(); // didn't work = do nothing, just returns undefined
    this.input_codigobarras.getElementRef().nativeElement.focus() // didn't work = do nothing, just returns undefined
    this.input_codigobarras.setFocus(); // didn't work = do nothing, just returns undefined
}

<ion-input [autofocus]></ion-input> <!-- Didn't wrok -->

Answer 1

必要なときに必要な場所でこれを行うためのより一般的なソリューションは次のとおりです。

<ion-input ... #inputId></ion-input>

したがって、コントローラにViewChildを使用すると、簡単にフォーカスを設定できます。

@ViewChild('inputId', {static: false}) ionInput: { setFocus: () => void; };
...
setFocusOnInput() {
   this.ionInput.setFocus();
}