Ionic2 select 离子搜索栏中的文本

Question

在离子输入焦点事件中，我们可以select像这样的所有文本

<ion-input (focus)="selectAll($event)></ion-input>

但是在 ion-searchbar 中它不起作用：

<ion-searchbar (focus)="selectAll($event)></ion-searchbar>

selectAll() 代码为：

public selectAll(event): void {
    event.target.select();
}

我在 ionic 的 Github 中看到输入组件 return 是一个 FocusEvent:

inputFocused(event) {
  this.focus.emit(event);
}

另一方面，离子搜索栏 return 是一个搜索栏（这个）：

inputFocused() {
  this.focus.emit(this);

  this.isFocused = true;
  this.shouldLeftAlign = true;
  this.setElementLeft();
}

为什么它 return 不是 FocusEvent？我们怎样才能 select ion-searchbar 中的所有文本被聚焦时？

谢谢

Answer 1

ion-searchbar 不仅仅是一个输入元素。因此，您需要获取 inputElement 属性而不是目标：

public selectAll(event): void {
    event.inputElement.select();
}

Answer 2

这可行，但请改用 $event.srcElement.select();！

Answer 3

对于 ion-searchbar 使用：

<ion-searchbar click="selectAll($event)"></ion-searchbar>

selectAll(event){
   event.target.select();
}

Ionic2 select text in ion-searchbar