问题标签 [md-autocomplete]

当用户单击输入然后按 esc 键时，建议下拉菜单消失。然后一个奇怪的进度条不断循环..我需要禁用这个功能

我想构建一个 md-autocomplete，但我无法显示选项。始终显示只有在没有插入输入的选项时才应启动的错误消息。
我的服务正确返回，并且我的控制器仅在收到服务数据后才返回。

HTML：

控制器：

服务：

控制器中返回的示例结果是：

正如https://github.com/angular/material/issues/2727所说，不能同时使用浮动标签和角材料的默认清除按钮功能。那么通过使用指令来实现这种行为的干净方法是什么？

在我的示例（https://jsfiddle.net/vv18yjzo/7/）中，只要关注 md-chips 输入，就应该显示自动完成建议。当我输入一些项目时，这很有效。但是，当添加然后删除所有可用项目时，自动完成建议为空/隐藏。我必须输入新的搜索文本才能再次查看自动完成建议。

HTML：

JS：

示例：https ://jsfiddle.net/vv18yjzo/7/

我想实现将用户输入限制/限制为仅 10 个数字的行为，例如：

有人知道怎么做吗？

我确实看到他们有一个属性 md-input-maxlength，但我无法让它工作，或者找到一个例子。

感谢您的投入。

我们有一个带有所需属性的 md-autocomplete 指令。预期的行为是在用户进入表单视图时隐藏 ng-message，然后如果单击提交按钮并且自动完成为空，或者如果开始在其上输入并将其留空，则显示验证错误。

验证工作正常，但是当用户从自动完成中选择建议时，验证错误会立即显示并隐藏，如您在 gif 中看到的那样。

使用角材料 1.0.9。

md-autocomplete 的代码：

有没有办法避免这个问题？

我正在使用md-autocompleteAngular Material：这里

下拉菜单的宽度似乎与输入字段的宽度一致。如果项目的文本太长，则存在ellipsis.

但是，我想显示一个项目的全文，同时保持输入字段的宽度相对较短。也就是说，下拉菜单的宽度应该随着它的内容而扩大。

我尝试检查md-autocomplete's 元素的样式，但找不到任何可以解决问题的样式。任何想法？

编辑：

这是我最终拥有的风格：

然而还有一个问题。overflow-y:scroll即使不需要，也总是显示垂直滚动条。如果我将其更改为overflow-y:auto，将创建垂直滚动条ellipsis。我该如何解决这个问题？

我希望我的角度材料自动完成成为建议列表，而不是要求列表。但是我不确定如何实现，因为它们不是 Angular Material 文档中的明确示例。

在下面的示例中，我的模型是$ctrl.item.category

显然下面的示例是错误的，因为我的模型链接到md-selected-item，但这仅在我选择一个项目时才有效。如果项目不在列表中，我希望用户能够自由输入文本。基本上，自动完成功能在大多数浏览器中已经有效。

我看到很多关于如何禁用此功能的问题，但他们并没有尝试禁用，而是在未选择项目时清理剩余的文本。在这些情况下，如果未选择项目，则模型值为null，但输入中仍保留文本。

如果该人未选择（或未进行匹配），我希望输入的文本作为模型值。

我的选项 ( $ctrl.categories) 是一个字符串数组，['Food','Liqour']我希望用户能够使用其中一个或自由输入Tables作为他们的选择。

我有一个对话框，其中有几个要设置的字段，第一个字段是 a md-autocomplete，当我单击 ok 时，所有这些字段都会被清除，所以，我想在 中将焦点设置为 true md-autocomplete，以便再次开始填充数据。

视图中的自动完成表单字段：

JS代码

从上面的代码片段中，我正在尝试为 md-autocomplete 字段城市代码创建一个自定义错误消息。我有一组城市代码，所以当用户故意输入一个不在我拥有的代码列表中的无效城市代码时，我想显示“无效城市代码”的 ng 消息

我看到我的代码不起作用，我每次都强制从自定义验证函数返回 true，只是为了验证自定义函数（在指令中）是否已被触发。我看不到任何结果。