我试图创建一个自动完成的列表,它在您键入时显示,但在您单击文档的其他位置时消失.如何使用Angular 2检测表单输入的焦点.Angular 1有ng焦点,但我认为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.

推荐答案

共有focusblur项活动:

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

Typescript相关问答推荐

如何在Jest中嘲笑location.back()方法调用进行Angular 组件测试?

替换类型脚本类型中的多个特定字符串

类型脚本如何将嵌套的通用类型展开为父通用类型

更新:Typescript实用程序函数合并对象键路径

为什么缩小封闭内部不适用于属性对象,但适用于声明的变量?

在Angular中,如何在文件上传后清除文件上传文本框

使用Angular和API请求在CRUD操作后更新客户端数据的良好实践

TypeScript类型不匹配:在返回类型中处理已经声明的Promise Wrapper

忽略和K的定义

在Angular中注入多个BrowserModules,但在我的代码中只有一个

无法绑定ngModel.条件ngSwitchCase中的错误

如何在深度嵌套的Reaction路由对象中隐藏父级?

使用TypeScrip的类型继承

在React中定义props 的不同方式.FunctionalComponent

在单独的组件中定义React Router路由

如何从上传文件中删除预览文件图标?

是否可以在类型脚本中定义条件返回类型,而不在函数体中使用类型转换?

必需的输入()参数仍然发出&没有初始值设定项&q;错误

显式推断对象为只读

覆盖高阶组件中的 prop 时的泛型推理