我有一个输入<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 -->
这应该工作
<ion-input autofocus="true"></ion-input>
加载项目后,您可以尝试使用ngOnChanges()触发ElementRef
@ViewChild('test') test: ElementRef;
ngOnChanges(changes: SimpleChanges){
if(changes.items) {
this.test.nativeElement.firstChild['autofocus'] = 'true';
}
}
和你的HTML
<div #test>
<ion-input ></ion-input>
</div>