web - 使用 Angular 2+ 检测输入焦点

Question

我正在尝试创建一个自动完成列表，它在您键入时显示，但在您单击文档的其他位置时消失。我如何使用 Angular 2 检测表单输入的焦点。Angular 1 具有 ng-focus，但我认为 Angular 2 不再支持它。

<input id="search-box" type="search" class="form-control [(ngModel)]=query (keyup)=filter()>
    <div id="search-autocomplete" *ngIf="filteredList.length > 0">
        <ul *ngFor="#item of filteredList" >
            <li > <a (click)="select(item)">{{item}}</a> </li>
        </ul>
    </div>

顺便说一句，我将本教程用作guidance .

Answer 1

有focus和blur事件:

<input (blur)="onBlur()" (focus)="onFocus()">