使用输入字段HTML / Angular 6选择
[英]Select with input field HTML/Angular 6
问题描述
我需要在输入字段的右边有一个箭头，所以当我按箭头时，我具有选择标签的行为（选项的下拉列表）。 我想知道是否有可能在HTML / Angular 6中执行此操作...我找到了数据列表的解决方案，但实际上并不是我要查找的结果，因为使用此解决方案，如果我在输入中输入一些值，这就是不在数据列表中，然后单击箭头显示任何内容，因为数据列表会根据输入值过滤要显示的内容。
希望它足够清楚。1 个解决方案
解决方案1
0 2018-06-23 19:13:57
考虑到可以使用库或UI框架，建议您使用以下选项：
角材料选择组件
Google的Angular应用程序的UI框架。
优点 ：可用性和响应能力是框架的关注点，易于与Angular集成
缺点 ：select的值无法过滤
https://material.angular.io/components/select/overview
角材料自动完成组件
Google的UI框架的另一个组件。 这不是一个纯粹的选择，但它可以用作具有过滤功能的组合框。
优点 ：可用性和响应能力是框架的关注点，易于与Angular集成
缺点 ：由于它不是纯粹的选择组件，因此也许您必须对其进行调整。
https://material.angular.io/components/autocomplete/overview
如何使用 bulma 对齐输入 select 和 html 表单字段中的输入
[英]How to align input, select and input in a html form field using bulma
在 angular 中的垫子自动完成值 select 之后禁用输入字段？
[英]Disable input field after select the value in mat autocomplete in angular?
Angular 材料输入和 select 在单行的一个表单域内
[英]Angular Material Input and select inside one form field in single row
Angular-如何显示基于多个 select 选项的输入字段？
[英]Angular- How to show an input field based on multiple select option?
使用php和javascript验证html中的多选输入字段
[英]validate a multi select input field in html using php and javascript
使用一个输入字段和一个 Select 对 HTML 表格进行排序 - Javascript
[英]Sorting an HTML Table using one input field and one Select - Javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
HTML如何禁用文本输入字段中的选择
如何使用 bulma 对齐输入 select 和 html 表单字段中的输入
Html 使用 Angular 材料在输入字段中获取输入
在 angular 中的垫子自动完成值 select 之后禁用输入字段？
Angular 材料输入和 select 在单行的一个表单域内
Angular-如何显示基于多个 select 选项的输入字段？
使用php和javascript验证html中的多选输入字段
如何在html中添加没有输入标签的必需选择字段
我如何使用javascript在输入选择（HTML）中设置字段？
使用一个输入字段和一个 Select 对 HTML 表格进行排序 - Javascript
相关标签