时间戳

首页 > 解决方案 > 使用输入字段 HTML/Angular 6 选择

html - 使用输入字段 HTML/Angular 6 选择

问题描述

我需要有一个右侧带有箭头的输入字段，所以当我按下箭头时，我有一个选择标签的行为（选项下拉列表）。我想知道是否可以在 HTML/Angular 6 中执行此操作...我找到了 datalist 的解决方案，但它实际上并不是我正在寻找的结果，因为如果我在输入中输入一些值，则使用此解决方案，即不存在于 datalist 中，然后单击箭头任何显示，因为 datalist 根据输入值过滤要显示的内容。

希望它足够清楚。

标签： htmlangulartypescript

解决方案

考虑到您可以使用库或 UI 框架，我建议您使用以下选项：

角度材质选择组件

google 的 UI 框架到 Angular 应用程序。

优点：可访问性和响应性是框架的关注点，易于与 Angular 集成

缺点：无法过滤 select 的值

https://material.angular.io/components/select/overview

Angular 材质自动完成组件

google 的 UI 框架的另一个组件。它不是一个纯粹的选择，但它可以被改编为一个带有过滤的组合框。

优点：可访问性和响应性是框架的关注点，易于与 Angular 集成

缺点：因为它不是一个纯粹的选择组件，所以也许你必须适应它。

https://material.angular.io/components/autocomplete/overview

推荐阅读