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

【问题标题】：Select with input field HTML/Angular 6使用输入字段 HTML/Angular 6 选择
【发布时间】：2018-12-01 23:53:20
【问题描述】：

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

希望它足够清楚。

【问题讨论】：

你试过什么？
你可以使用库吗？
有大量的小部件库和框架可以提供这个，你搜索过吗？
是的，我可以使用库，我找了一些，但我找不到一个有趣的，你知道你可以建议我谁来做这项工作吗？

标签： html angular typescript

【解决方案1】：

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

角度材质选择组件

谷歌的 UI 框架到 Angular 应用程序。

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

缺点：select的值无法过滤

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

Angular 材质自动完成组件

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

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

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

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

【讨论】：