问题标签 [md-autocomplete]

我正在尝试在 Angular Material 中使用 md-autocomplete 作为多重选择器。这个想法是，从自动完成中选择的元素将在选择后添加到对象数组中，然后从 md-autocomplete 中删除选择。我能够清除 md-autocomplete，但焦点仍停留在 md-autocomplete 输入上，因此自动完成建议仍然可见。示例： http ://cdpn.io/QjQGVQ

代码：

PS：我知道我可以使用 Angular Material 的接触芯片，但我仍然想知道如何实现模糊。

我想在 md-autocomplete 上使用 blur 事件，但 ng-blur 和 md-blur 都不起作用。

我希望用户在 md-autocomplete 的下拉列表中选择项目。如果他们键入文本但未选中，则输入字段在未聚焦后将是干净的。请给我一个理想的帮助。

我正在尝试让md-autocomplete与Algolia 的 Angular 服务配合得很好。我一直坚持让下拉菜单显示从 Algolia 返回的结果。内容在控制台中，但下拉列表不会填充更新的结果。我错过了什么？

tl;博士：Plnkr

“后端”

“前端”

“阿尔戈利亚默认”

我正在尝试在我的网站中使用角度材料的自动完成组件。

在我的html代码中：

在我的控制器中，我有以下内容：

如您所见，我没有实施太多。但如果自动完成功能正在尝试查找某些内容，它应该执行 getMatches 并提醒文本。

在我的场景中，它除了打印“未找到匹配项”之外什么都不做。

没有文本输入来输入要搜索的文本。

我错过了什么？

jsfiddle 在https://jsfiddle.net/p7wc8psy/

我是第一次使用 Angular 材质。我遇到了自动完成的问题。下面是我的模板：

在 ctrl 我有：

使用上面的代码，我没有得到任何建议，只显示我未找到的文本，而我的 http 调用返回一个也打印在控制台中的数组。我错过了什么吗？

我在很多地方看到，人们使用了一些带有自动完成功能的过滤器，我认为这不是必需的。

请建议如何进行上述工作。

当您尝试搜索下拉列表中不存在的元素时，md-autocomplete 在 md-virtual-repeat-container 中提供了一个名为 md-not-found 的类，并在下方显示一条错误消息。当您从输入元素中移除焦点时，md-not-found 将被移除。因此，自动完成给人一种错误的印象，认为输入是有效的，因为用户没有得到任何反馈。

有没有办法保持类“md-not-found”，即使在您取消输入元素的焦点之后？

md-autocomplete 官方演示：https ://material.angularjs.org/latest/demo/autocomplete

更新

我做了一个临时解决方案：

标签错误类应用红色。

该解决方案本身并不是问题的答案，而是提供了另一种快速解决方案

我想在 chrome 扩展中输入带有自动完成建议的输入。我面临一个非常奇怪的问题。

一旦我将注意力集中在我的输入上，建议菜单就会以良好的值很好地打开，但是如果我将注意力集中在其他任何地方，建议菜单永远不会隐藏，我仍然可以看到在我的第一个输入下打开了一个空的建议菜单。它只是从不隐藏自己。

所有其他功能都运行良好。

我试过这个没有效果：Angular Material: md-autocomplete - how to hide md-autocomplete-suggestions on Enter event？

这是我的html：

还有我的 JS 代码：

我在问自己它是否不起作用，因为它在 chrome 扩展中，但它看起来太简单了......

我的问题的图片只是为了清楚：

谢谢，如果有人知道为什么或得到同样的错误！

马特。

我正在尝试为md-autocomplete. 我尝试使用AngularJS 提供的答案 - 创建一个使用 ng-model 的指令，但它对我不起作用。

我的 CodePen 在这里：http ://codepen.io/colbroth/pen/QyMaQX/?editors=101 。

该代码基于https://material.angularjs.org/latest/demo/autocomplete上用于自动完成的 Angular 材料演示。我有多个页面，需要一个自动完成字段来选择一个状态。我不想为每个网页组件重复代码。

state-directive接受md-autocomplete输入，我需要demoCtrl.selected状态来反映两种情况下的相同值。但是当我更新输入元素时，state-directive不会反映这一点，反之亦然。

<input ng-model="demoCtrl.selectedState">

<state-directive ng-model="demoCtrl.selectedState">...</state-directive>

所以我在 AngularJS 应用程序上实现 Angular Material Design md-autocomplete 指令。我想向控件发送一个承诺，所以如果查询没有完全加载，它不会抛出错误；并且还可以将控件中的加载栏视为“加载”的信号。

这是数据未完成加载时出现的错误：

TypeError：无法读取未定义的属性“切片”

这就是我获取数据的方式：

这是我的html：

这些是处理查询的函数：

谢谢！