Ionic v4 - как мне автофокусироваться на входе? - PullRequest
0 голосов
/ 27 февраля 2019

У меня есть вид со входом <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 -->

Ответы [ 2 ]

0 голосов
/ 01 марта 2019

После загрузки ваших предметов вы можете попытаться вызвать ваш ElementRef с помощью ngOnChanges ()

 @ViewChild('test') test: ElementRef;

 ngOnChanges(changes: SimpleChanges){
     if(changes.items) {
     this.test.nativeElement.firstChild['autofocus'] = 'true';
   }
}

и вашего html

<div #test>
  <ion-input ></ion-input>
</div>
0 голосов
/ 28 февраля 2019

Это должно работать

<ion-input autofocus="true"></ion-input>
...