Ionic2在ion-searchbar中选择文本

Question

在离子输入焦点事件中，我们可以选择所有类似的文本

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

但是在离子搜索栏中它不起作用：

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

selectAll（）代码为：

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

我在ionic的Github中看到输入组件返回一个FocusEvent：

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

另一方面，ion-searchbar返回一个搜索栏（this）：

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

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

为什么它也不会返回FocusEvent？当聚焦时，我们如何选择离子搜索栏中的所有文本？

谢谢

Answer 1

离子搜索栏不仅仅是一个输入元素。因此，您需要获取inputElement属性而不是目标：

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

Answer 2

ion-searchbar 使用：

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

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

Answer 3

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