Ionic2 wählen Sie Text in Ionen searchbar

Question

In einem Ioneneingabefokus Ereignis, das wir alle den Text wie dieser

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

Aber in einer Ionen searchbar auswählen kann es nicht funktioniert:

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

der selectAll() Code wäre:

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

ich habe in ionischen den Github gesehen, dass die Eingabekomponente eine Focuszurückgibt:

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

Auf der anderen Seite der Ionen searchbar gibt einen searchbar (diese):

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

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

Warum Rückkehr ist es nicht auch ein Focus? Wie können wir den gesamten Text in einer Ionensuchleiste auswählen, wenn er fokussiert ist?

Danke

Answer 1

Das Ionen searchbar ist mehr als nur ein Eingabeelement. Daher müssen Sie anstelle des Ziel das Inputelement Attribut greifen:

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

Answer 2

Dies funktioniert, aber $event.srcElement.select(); stattdessen verwenden!

Answer 3

für Ionen searchbar zu verwenden:

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

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