我正在尝试创建一个在您键入时显示的自动完成列表,但在您单击文档上的其他位置时会消失。如何使用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。
解决方法
有焦点和模糊事件:
<input (blur)="onBlur()" (focus)="onFocus()">