问题标签 [md-autocomplete]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
636 浏览

angularjs - md-autocomplete 内的 md-on-demand

如 Angular-Material md-autocomplete 的文档所述:

md-autocomplete 使用 md-virtual-repeat 指令在下拉列表中显示结果。

我遇到了一个问题,我找不到任何片段如何在自动完成中使用虚拟重复。

我知道我必须根据 md-virtual-repeat 的文档使用特定的结构进行无限滚动。

我有 md 自动完成功能:

而且我有infiniteItems 对象,根据md-virtual-repeat 建议:

结果是在加载整个页面后第一次加载数据,当我尝试输入 smth 时,我得到消息“未找到”并且加载数据的下拉菜单甚至没有打开。

那么,我做错了什么?

提前致谢!

0 投票
2 回答
1907 浏览

angularjs - 角度材料 md-自动完成动态加载问题

我在我的项目中使用 Angular Material 组件“md-autocomplete”。

我们正在尝试呈现从“md-list”组件的 item-click 事件调用中获得的动态响应。

问题:但是,在调用事件调用之前,调用了 md-autocomplete 方法。

我的要求:有没有办法在调用 md-autocomplete 方法之前调用事件调用。

在这里,我们附加了示例图像,显示了我们需要作为输出的基本响应。

对象 1 相关响应

对象 2 相关响应

我尝试了下面的代码,但它不起作用。我需要解决这个问题。

HTML 源代码:

md 列表代码

md-自动完成代码:

AngularJS 脚本代码:

0 投票
0 回答
430 浏览

angularjs - Angular Material mdAutocomplete mdChips selected

Angular js version 1.5.9
Angular material 1.1.3

Using md-chips with md-autocomplete, when selecting a chip with the keyboard, after deleting it, the md-autocomplete will still think the keyboard is selecting it.
An example is better than words :
multiple selected elements while no selected in reality

I have tried setting md-no-cache, but this does not change the result. This error can be visible on the angular material demo at : https://material.angularjs.org/latest/demo/chips on the custom inputs section

Here is the fiddle of my version that has the same problem :
https://jsfiddle.net/JJTheo/9z34r9rc/2/

0 投票
1 回答
702 浏览

angularjs - 如果为空,则在模糊时将 md-chips 输入字段边框变为红色

我对角度(角度材料)真的很陌生,我正在处理这个包含多个字段(输入、带有自动完成功能的芯片)的表单。所需的输入,在模糊时,如果该字段留空,它们会变成红色。筹码输入字段不会发生这种情况。有没有简单的方法来实现它?

0 投票
0 回答
103 浏览

javascript - $http 请求在 md-autocomplete 中的 Enter 键上被取消

我正在使用 angularjs 1.5,并且在使用带有 $http 请求的 md-autocomplete 来获取列表时,如果我在某些 http 调用处于挂起状态时按 Enter 键,那么所有挂起的请求都会自动取消。

这是我的代码片段:

HTML:

JS:

0 投票
3 回答
1358 浏览

javascript - md-autocomplete ng-pattern="..." 不起作用

我有这个演示<md-autocomplete>中显示的组件问题:

<md-autocomplete ng-pattern="...">不起作用。我希望如果在Tax字段(如zzz)中输入了一些文本,则该字段被标记为红色,因为 regex 只接受数字 [1..99] ng-pattern="/^[1-9]\d?$/"。实际上required工作正常:当字段为空时,它被触发为无效。

0 投票
1 回答
833 浏览

angular - Angular Material 的 FormControl 在 *ngFor 中导致错误

我想在重复MdAutocomplete组件的情况下使用 Angular Material2的组件。*ngFor但我收到以下错误:

这是 HTML (work-card.component.html):

这是 TypeScript (work-card.component.ts):

FormControl注意:当我删除/注释 ngOnInit 中的代码时,我正在导入的module.ts 中的错误消失了(当然,自动完成功能不起作用)ReactiveFormControl

MdAutocomplete 文档:MdAutocomplete

有谁知道是什么问题?提前致谢!

0 投票
2 回答
4536 浏览

javascript - md-autocomplete md-clear-button="true" 不显示清除按钮

我有这个演示<md-autocomplete>中显示的组件问题:

<md-autocomplete md-clear-button="true">不起作用。我希望输入字段的末尾会显示一个叉号,就像官方Basic Usage demo一样。

如果有人可以更新我的演示以便清除按钮起作用,我将不胜感激。

0 投票
1 回答
550 浏览

javascript - md-autocomplete 下拉菜单不会与 md-search-text-change 调用同时更新

我使用 md-autocomplete 显示了一个下拉菜单,而且我还有 typeahead API,一旦我开始在输入框中输入,就应该调用它。问题是,它正在调用 typeahead API 并获取结果并将其设置为 JS 控制器中的变量,但只有当我在输入框中键入下一个字符或关闭并重新输入时,html 中的下拉列表才会显示过滤后的下拉结果- 点击下拉菜单。如何在有人开始输入时立即对下拉结果进行更改?我正在使用 md-search-text-change 来获取文本输入并调用相应的函数。

HTML 代码:

JS 控制器:

因此,valueList 使用来自 API 调用的正确值进行了更新,但我在下拉列表中看不到最新的 valueList,而是在下拉列表中看到了直接较旧的值。请帮忙。

0 投票
1 回答
103 浏览

angular - Angular Material2 自动完成:绑定到模板中的点击

我正在尝试实现 angular(4) material2 自动完成功能,如果没有结果,用户可以通过对话框添加项目。因此,我尝试添加一个指向自动完成模板的链接,如下所示:

我猜点击事件被自动完成组件捕获,因为当我尝试点击链接时没有任何反应:-(

知道如何正确实施吗?任何帮助都非常感谢,并在此先感谢。

问候,弗莱迪