使用Angular 2+检测输入焦点 [英] Detect Input Focus Using Angular 2+

问题描述

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

I'm trying to create an auto-complete list that appears as you type, but disappears when you click elsewhere on the document. How do I detect that a form input is focused using Angular 2. Angular 1 has ng-focus, but I don't think Angular 2 supports that anymore.

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

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

By the way, I used this tutorial as guidance.

推荐答案

有focus和blur事件:

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

这篇关于使用Angular 2+检测输入焦点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！