Angular 2 / Ionic 2 - 输入框焦点功能不存在

Question

在我的Ionic 2应用程序中，我有一个页面上有一个按钮。当您按下按钮时，它会弹出一个带有输入框的模态屏幕。当Modal页面打开时，我想将光标聚焦在Modal页面上的输入框中，以便用户可以立即开始输入。

在我的模态页面中，我有以下HTML

<label class='label label-a'>Label A</label>
<label class='label label-b'>Label B</label>

在我的代码中，我有以下内容：

<ion-item>
  <ion-input #search type="text" placeholder="Type an area e.g. Bedroom" [value]="searchValue" [formControl]="inputSearchControl"></ion-input>
</ion-item>

所以在视图初始化之后，将光标对准模态上的输入框。但是当我的代码在查看初始化时运行时，由于功能不存在而失败：

@ViewChild("search") inputBox; ngAfterViewInit() { this.inputBox.nativeElement.focus(); this.inputSearchControl.valueChanges.debounceTime(500).subscribe((callbackText) => { this.selectedArray = this.originalArrayBeforeAnyFiltering.filter((item) => { return (item.toLowerCase().indexOf(callbackText.toLowerCase()) > -1); }); }); }

在控制台上，它说焦点是 EventEmitter ，但我不知道如何使用它来实现我想要的。

任何帮助都将不胜感激。

bengrah

Answer 1

您需要使用setFocus()功能。

this.inputBox.setFocus()

来源this discussion

同样根据the docs，focus是ion-input的输出事件。