javascript - 搜索时禁用输入字段并将焦点设置为完成

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

这里我使用了 disabled，但是在完成时它不会聚焦输入字段并且在用户手动单击输入字段之前也无法输入。

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