Невозможно сфокусировать поле ввода в ionic2

Question

В моем фрагменте я попытался установить фокус для первого поля ввода текста.Но когда страница загружается, она фокусируется, внезапно теряет фокус и закрывает клавиатуру.Может кто-нибудь, пожалуйста, скажите мне, чтобы добиться этого.

<ion-input [(ngModel)]="username" name="username" type="text" #username="ngModel" spellcheck="false" autocapitalize="off" autofocus clearInput required></ion-input>

Answer 1

<input #exampleInput />

@ViewChild('exampleInput') exampleInput: ElementRef;

setTimeout(() => {
    this.exampleInput.nativeElement.focus();
}, 300);

Это работает для меня.

Примечание. Возможно, вы захотите использовать этот тайм-аут в методе ngAfterViewInit или в других местах, и задержка 300 миллисекунд звучит достаточно в моих протестированных устройствах.,

Answer 2

добавить представление Ссылка с (#) для этого В вашем html,

<ion-input [(ngModel)]="username" name="username" type="text" #username="ngModel" spellcheck="false" autocapitalize="off" autofocus clearInput required  #focusInput></ion-input>

В вашем component.ts Импортируйте ViewChild и установите фокус этого (#focusInput) ввода

Like

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

@ViewChild('focusInput') myInput;

ionViewDidEnter() {
       this.myInput.setFocus();
    }

Это поможет.