在离子搜索栏

Question

Ionic2选择文本在离子输入焦点事件，我们可以选择所有文字这样

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

但在离子搜索栏这是行不通的：

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

的全选（）的代码将是：

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

我已经看到了离子的Github上，该输入部件返回一个FocusEvent：

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

在另一方面离子搜索栏返回一个搜索栏（本）：

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

这工作，但使用$event.srcElement.select();而不是！

Answer 3

为离子搜索栏使用方法：

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

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