是否可以为元素设置焦点？

Question

我在页面上有两个元素：

 <input tabindex="0" type="text" (keydown)="keydownInputSearch($event)" (click)="showSearchResultContent = !showSearchResultContent" #inputSearch>

并阻止：

 <div #searchList class="SearchList" *ngIf="showSearchResult()" tabindex="-1"></div>

问题是当块#searchLis 存在时，我无法将焦点设置回#inputSearch。

我试过了：

 this.inputSearch.nativeElement.focus();

没有错误，没有效果。我想问题是#searchList 有tabindex="-1" 和#inputSearch 更少：tabindex="0"。

但默认情况下，输入应该自动获得焦点。

Answer 1

你快到了。只需关注ngAfterViewInit中的输入

 ngAfterViewInit() {
   this.inputSearch.nativeElement.focus();
 }

Stackblitz：https://stackblitz.com/edit/hello-angular-6-1svrgt