搜索时禁用输入字段，并将重点放在完成上

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; 
}

在这里，我使用了禁用功能，但是在完成操作时，它并没有关注输入字段，并且在用户手动单击输入字段之前也无法键入。

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();
    }