検索中に入力フィールドを無効にし、完了時にフォーカスを設定

Question

入力フィールドがあり、入力時に入力したアイテムを検索して、バックグラウンドで検索しながらその入力フィールドに文字を入力できないようにするには、検索機能が完了したら、ユーザーが入力を開始できるように、検索入力フィールドにフォーカスを移動する必要があります。

HTML：

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

コンポーネント：ここ

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

Iが無効に使用されるが、完了時に、それは、入力フィールドを集中されていないと、ユーザーが手動でクリックするまでも入力することができません入力フィールド

Answer 1

このコードを試してください。これは助けになります。 HTML

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

コンポーネント

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