从自动完成下拉选项中选择时，材料自动完成角度停止Api调用

文章/答案/技术大牛

发布

1回答

javascript、angular、angular-material

我正在使用Material Angular Autocomplete下拉列表功能来填充我的下拉列表中的位置预测。我正在使用material的onChange从我创建的服务中调用接口。我的问题是，当我从选择框中选择预测时，api调用将被激发到节点服务器，因为onChange被再次激发。因此，当从下拉列表中选择一个选项时，我希望<e

浏览 3提问于2018-08-25得票数 2

回答已采纳

1回答

使用材料用户界面自动完成在freeSolo模式与反应钩子形式

reactjs、material-ui、react-hook-form

我试图使用材料用户界面的自动完成在自由独奏模式作为一种组合输入。用户应该能够通过自动完成来选择建议的选项，或者如果没有可用的选项，则输入值应该用作最终的表单值。问题是：案例一:自动完成工程和建议选项，可以选择和提交，但当输入有一个自定义的值，它不会被提交。案例二:从自动完成和自定义输入值中选择的选项<

浏览 4提问于2020-05-01得票数 8

回答已采纳

1回答

无法以角形式执行具有自动完成字段的更改事件

javascript、angular、ngx-formly

我正在使用自动完成字段，以填充这些值。我在表达式属性中使用templateOptions.change来设置其他字段的值，但我注意到只有在取消选中自动完成值时才会调用更改事件。当我试图从自动完成中选择值时，不调用更改事件。为了实现我的需求，我创建了一个stackblitz链接，我注意到只有在我们更改了自动完成下拉列表的值之后，才

浏览 6提问于2020-08-27得票数 1

回答已采纳

1回答

无限涡旋垫-自完成角11

javascript、angular、angular-material、mat-autocomplete

请不要把它标记为副本我在form

浏览 6提问于2021-06-09得票数 0

1回答

允许Chrome自动完成，但不提示输入某些字段

html、autocomplete、ruby-on-rails-5、erb

我为国家列表创建了自己的下拉框。我使用的是form_for，如果他们在表单中的不同字段上选择了自动完成选项，我希望浏览器的自动完成功能可以填写此字段，但我不希望它仅在此特定输入字段上提示用户(因为它会妨碍我的下拉列表)。"form-control country-search",我已经尝试过:autocompl

浏览 1提问于2017-10-12得票数 0

1回答

Angular material autocomplete -确保选择了某些内容

angular、autocomplete

我使用angular material自动完成功能，允许用户从长长的列表中选择一家公司。例如，它最初填充的列表是: Apple、Google、Microsoft等，当用户输入"G“时，它只过滤Google。如何确保其中一个项目已被选中？例如，即使有人只输入“G”或"Google“，我的表单也可以提交，但除非有人真正单击列表上的”Google“，否则自动完成功能不会正确注册。是否可以使用某种类型的材料验证器或角度表单

浏览 24提问于2021-05-16得票数 0

1回答

如何将角材料自动完成的值赋值给组件中的变量？

angular、typescript、autocomplete、angular-material2

我正在构建一个表单来创建API的POST。我使用的是角度材料4，我使用的是由材料设计提供的自动完成组件。</mat-option></mat-form-field> 它工作得很好，我可以输入并过滤结果，然后如果我从列表中选择项目，它将被输入到输入字段中并保持在那里。这个对象当然还有其他值，我需要做的是，当

浏览 2提问于2017-10-21得票数 3

回答已采纳

1回答

通过编程使Material自动获得焦点

javascript、reactjs、material-ui

我正在工作的一个项目，结合反应-数据表和材料UI自动完成，以模拟一个下拉在Excel单元格内。基本要求包括允许用户在自动完成获得焦点时键入或选择其中一个选项。这就是我的问题所在。因为自动完成是嵌套在单元格内的，所以当选择父单元格(例如，使用键盘箭头)时，它不会自动获得焦点。到目前为止，我尝试使用refs，以便能够使用以下内容调用

浏览 2提问于2020-12-05得票数 0

回答已采纳

1回答

Google places自动完成库

google-maps、google-maps-api-3、google-places

我使用V3 Places来将添加到我的页面中。它的工作就像描述的一样，这里没有任何问题：当用户从列表中选择一个位置时，有关该位置的信息将返回给“自动完成”对象，并可由应用程序检索。我想要处理的情况是，如果用户不从自动完成下拉列表中选择place，而是提交搜索表单。现在，我正在收集用户的输入，将其发送到，并显示用户的地理编码结果列表，这样用户就可以选择一个来完成表单。其思想是:要

浏览 3提问于2012-02-13得票数 2

回答已采纳

2回答

角度材料自动补全与ngb模式的结合

javascript、angular、angular-material、ng-bootstrap

我正在尝试在ng-bootstrap modal box中组合autocomplete from angular material。我期望打开模式框，当用户在字段中键入内容时，材料自动完成功能就会启动并显示结果。相反，自动完成显示在模式后面的褪色区域中。一半的按钮被模式本身隐藏，当你在淡出区域中点击另一半按钮时，模式框就会关闭(预计在点击淡出区域时会发生这种情况)。使用向上和向下按钮以及enter键进行选择，自动<e

浏览 12提问于2020-01-07得票数 0

回答已采纳

1回答

如何显示角度材料-自动补全所有项目，即使选择了一个项目？

angularjs、angular-material

Angular material默认功能是当用户从自动完成列表中选择一个项目时，其余项目不会显示。选择一个项目后，它不会显示剩余列表。这对于有角度的材料是可能的吗？如果是，你可以帮助我们如何实现这一点。

浏览 18提问于2017-02-21得票数 1

1回答

角度材质自动完成选项显示事件

angular、typescript、angular-material

我想捕捉当选项显示在角度材质自动完成控件上时发生的事件。例如，材料文档中的以下内容：这个是可能的吗？

浏览 1提问于2018-02-01得票数 0

4回答

如何在运行时动态重新配置Drupal的基于jQuery的自动完成？

javascript、jquery、drupal、autocomplete、drupal-6

通常，您不必为它操心，因为它的配置和执行是由Drupal form API处理的。现在，我需要一种在运行时重新配置它的方法(即使用JavaScript )。我有一个标准的下拉选择框，旁边有一个文本字段，根据在选择框中选择的选项，我需要调用不同的URL来自动完成，并且对于其中一个选项，应该完全禁用自动完成。是否可以重新配置现有的自动完成实例，或者

浏览 1提问于2009-06-19得票数 5

回答已采纳

2回答

仅jquery自动完成下载

jquery、jquery-autocomplete

当我尝试把所有的脚本都自动完成(包括core.js)时，它工作了，但是我的日期选择器停止了工作。我还尝试从整个脚本中只选择和添加自动完成脚本部分，但它不起作用，可能是因为我使用的是jquery 1.7.2，而我发现的是自动完成1.10.2。有没有办法只获得自动补全插件或任何类似的插件，可以像我们从外部作者那里获得其他插件一样工作？基本上，我的要求

浏览 1提问于2013-03-21得票数 6

回答已采纳

1回答

角垫-自动完成不适用于函数返回的选项

angular、typescript、angular-material

我已经采取了自动完成的例子，从材料官方网站，并改变了获取选项从变量的组件类的功能，选项显示，但我不能选择任何，点击下拉不选择一个值。

浏览 9提问于2021-03-22得票数 2

回答已采纳

2回答

如何为“角材料自动完成”中选定的属性发送父对象？

angular、typescript、angular-material、angular-material2

我工作的角度4材料，特别是自动完成组件。我的选项列表filteredHomeTeams类型为Observable< Team >，我正在使用这样一个名为teamName的对象的属性构建下拉列表和选择<mat-form-field</mat-option></mat-form-field> 如您所见，我有

浏览 4提问于2017-10-22得票数 3

回答已采纳

1回答

用于ASP.NET的组合框(带或不带AjaxControlToolkit)

asp.net、combobox

因此，控件需要：2) -让用户编写一个不存在于下拉列表中的字符串。此组合框控件在C# for windows应用程序中已经存在(并且工作良好)。但在ASP.NET默认控件中，没有这样的组合框。只有一个下拉列表(1)和一个文本框(2)。下拉列表不允许使用不属于控件的My_DropDownList.Text的字符串设置ItemList。否则，我会得到错误：“.有一个无效的SelectedValue，因为它不存

浏览 3提问于2015-02-27得票数 2

回答已采纳

1回答

在角7中如何绑定到角材料的自动完成

angular、typescript、angular-material、angular7

嗨，在我的angualr7应用程序中使用的是角材料自动完成组件，并且正在研究如何将一个值从api响应绑定到它。有谁能提供解决办法来解决这个问题？mat-form-field>onTripTemplateChange($event) {} 当我打开组件时，我需要在默认情况下使值选定，当我从自动完成列表中更改

浏览 1提问于2020-07-06得票数 0

1回答

谷歌地图API豪斯号未显示

javascript、google-maps、google-maps-api-3、autocomplete

我试图使用谷歌地图自动完成输入搜索位置和填写表单字段。我没有从API获得以下地址的房屋编号(Street Address )；这里是我在JSFiddle中的工作例子；当从自动完成

浏览 2提问于2018-03-04得票数 0

回答已采纳

2回答

角材料自动完成可观测到在选择下拉选项时触发额外的API调用

angular、angular-material、observable、angular-material-7

每次我单击下拉列表时，都会发出一个GET调用来重新填充列表！我已经在ngOnInit()上进行了这个调用，并且不需要每次进行选择(或者只是单击下拉列表)时都需要这些额外的API调用，因为这些调用代价很高！

浏览 4提问于2020-08-02得票数 0

回答已采纳

点击加载更多