问题标签 [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 回答
846 浏览

angularjs - 输入输入时如何限制对我的后端的 md-autocomplete 调用?

我在我的md-autocomplete一个 Web 表单上使用了角度输入。我已经完成了所有设置,并且运行良好。

正如预期的那样,每当我在自动完成输入中键入一个新字符时,都会调用我的后端来获取自动完成数据。问题是我不想每次输入新字符时都进行后端调用。我只希望自上次进行后端调用以来已经过了 x 秒后触发后端调用。

这是输入字符时调用的函数:

这是我在尝试加入任何节流逻辑之前的工作功能。当我输入节流逻辑时,我遇到的主要问题是我不知道返回什么不会导致 angular 抛出错误,例如:

那么如果我不想进行后端调用,我可以返回什么?还是有更简单的方法来限制角度md-autocomplete输入?

0 投票
1 回答
352 浏览

javascript - 如何使用 dom id 将 vanilla JavaScript keyup 侦听器附加到角度 md-autocomplete 输入?

我有一个像这样的角度 md-autocomplete:

我想这样做:

我在哪里可以在我的角度控制器中附加该事件侦听器?我正在使用 ui.router。似乎每个页面都不是真正的新页面,而只是 dom 更新。所以我认为我需要一个事件监听器来处理渲染完成时,以便我可以访问带有 id 的元素。

0 投票
2 回答
424 浏览

angularjs - AngularJS md-autocomplete 在字符串中搜索字符串

您如何配置md-autocomplete,以便如果您搜索一个单词,它会在字符串中搜索字符串。目前它只找到第一个单词。与演示https://material.angularjs.org/latest/demo/autocomplete一样,如果您键入new,它会找到New Jersey。但是如果你输入jersey,它什么也找不到。

这是我的querySearch功能

这是我的createFilterFor功能

0 投票
2 回答
3217 浏览

angularjs - 在 md-autocomplete 中填充 md-items 的用户对象

我想用包含用户对象的对象填充我的 md-autocomplete。它通过工厂以 JSON 格式检索到$scope.users. 我可以使用 Angular 查看器在控制台中检查对象。

我希望将模型值设置为user_id模型并将显示文本设置为display_name. 这可能吗?我已经尝试过(根据文档,只md-items需要该属性

但它什么也没做。也不遵循“基本示例”

编辑

这是我用来获取users对象的代码:

0 投票
5 回答
8857 浏览

angularjs - 首次单击文本框时如何显示自动完成下拉菜单?

我正在使用 Angular md-autocomplete,它在用户第一次输入文本框后开始在下拉列表中显示自动完成选项。当用户第一次单击文本框时,是否还会显示此下​​拉列表?

这是 md-autocomplete html:

0 投票
1 回答
1110 浏览

angularjs - md-autocomplete 不显示 li 项目文本

我有一个 md-autocomplete 字段:

md-items我填充

它的工作原理是我可以在输入字段中键入并加载建议,但是下拉列表是空的,即它没有display_name像我预期的那样显示。当我选择其中一个选项时,display_name所选项目的 确实会显示在输入字段中。有什么想法我可能做错了吗?

0 投票
2 回答
1688 浏览

angularjs - md-自动完成排序下拉项目

我有一个 md-autocomplete 字段:

md-items我填充

有没有办法按字母顺序对下拉列表中的项目进行排序?

0 投票
1 回答
1201 浏览

angularjs - Angular Material 自动完成无数据或未找到消息

我的 md-autocomplete 没有同时显示数据和 md-not-found 数据。

检查以下代码笔

Attempt1 显示数据但不显示“未找到消息”。
Attempt2 确实显示了“未找到消息”,但不会显示数据。

我把它包裹在一个承诺中。
我怎样才能让它们同时工作?

0 投票
1 回答
94 浏览

javascript - 手动调用 md-autocomplete 下拉菜单

首次单击 md-autocomplete 输入框时,直到键入第一个字符后才会出现自动完成下拉菜单。我一直无法弄清楚为什么在第一次点击时自动完成没有显示,正如它在演示中显示的那样。

作为一种解决方法,有没有办法在 javascript 方法中手动调用自动完成功能?所以我可以有类似的东西:

0 投票
0 回答
201 浏览

angularjs - 将 md-on-demand 传递给 md-autocomplete

我想在 md-autocomplete 大列表中显示(大约 50 000 条记录)。自动完成指令使用提供无限滚动的 mdVirtualRepeat。我找不到通过 md-on-demand 选项的方法。也许有人想办法做到这一点。我非常感谢您能提供的任何帮助

更新

我忘了分享代码。我对代码性能没有问题,但是当列表呈现应用程序时,应用程序没有响应。在我看来,问题出在虚拟渲染中,它仍然尝试渲染整个列表而不是可见部分。

PS。我知道 $scope 不好,但我以角度形式使用这个例子。

JS

HTML