Eingabefeld während der Suche deaktivieren und Fokus nach Abschluss setzen

Question

Ich habe ein Eingabefeld und bei der Eingabe möchte ich nach Elementen suchen und auch das Textfeld deaktivieren, während ich die Suche im Hintergrund durchführe, so dass keine weiteren Buchstaben diese Eingabe eingeben können. Nach Abschluss der Suchfunktion sollte der Fokus jedoch das Sucheingabefeld sein, damit der Benutzer mit der Eingabe beginnen kann.

Html:

<input [disabled]="(displayLoader > 0)" [ngModel]="''" (ngModelChange)="updateData($event)" class="form-control-search" placeholder="Search"/> 

Komponente:

updateData(event) { 
    this.displayLoader = 1 
    //search function 
    //on completion 
    this.displayLoader = 0; 
} 

Hier habe ich deaktiviert, aber auf die Fertigstellung ist es nicht das Eingabefeld fokussiert und auch nicht geben kann, bis der Benutzer manuell klicken das Eingabefeld.

Answer 1

versuchen Sie diesen Code. Hilft das. html

<input [disabled]="(displayLoader > 0)" [ngModel]="''" #focusable (ngModelChange)="updateData($event,focusable)" class="form-control-search" placeholder="Search"/> 

Komponente

updateData(event,el) { 
     this.displayLoader = 1 
     //search function 
     //on completion 
     this.displayLoader = 0; 
    el.focus(); 
    }