是否可以为元素设置焦点？ [复制]

Question

这个问题在这里已经有了答案：

如何使用 Angular4 通过元素 id 设置焦点8 个答案

将焦点放在 <input> 元素12 个答案

11 天前关闭。

我在页面上有两个元素：

 <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有 less: tabindex="0" 。

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

Answer 1

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

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

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