问题标签 [md-autocomplete]

在 Plunkr 中添加：https ://plnkr.co/edit/1LgFCNqT0YDkyUAaC31C和上面提供的代码片段。

上面的页面代码段中描述了一些问题。

描述：指令people-pickcer在我们在标签中搜索时带来了用户，md-autocomplete并且在选择某些内容时会转换为MD-Chip并将其添加到父母中md-chips。当所有芯片都被移除时，它应该抛出验证错误<div ng-message="required">User is required</div>。

用法：

问题： 如果您看到“标题”输入框，只要输入无效，就会引发错误。我尝试为我的模块编写一个$validators但它永远不会触发，当我删除任何 md-chip 时它也会触发所有验证（我认为它会在删除任何芯片时尝试提交表单）。尝试在不触摸 Title 输入框的情况下删除 md-chip，您将看到验证器已为 Title 触发，如果我从选择中删除任何 md-chip，则如果有更多带有验证的输入字段将全部触发。

required来自我的模块的指令

预计在移除所有 md 芯片时它应该会引发错误，但它永远不会引发任何错误。

我有一个自动完成列表，它由两种输入组成——机场和度假村。我想添加分隔符文本来描述每组自动完成选项。像 这样

但是，我所能做的就是将“分隔符”标签作为项目添加到选项列表中。像这样： “分隔符”标签作为项目添加到选项列表

问题是

1. 我无法阻止用户选择分隔符字段作为实际输入
2. 该解决方案看起来很丑陋

有没有其他方法可以在 md-autocomplete 中创建“分隔符标签”？或者有什么方法至少可以解决上述两个突出的问题？

什么控制在 md-autocomplete 的下拉列表中显示的项目数。

我有超过 5 个正在显示的空间。

我正在md-require-match = true/false根据单选按钮选择设置自动完成验证。

默认验证是md-require-match = true用户应该从自动完成列表中选择一个项目。一旦加载并且用户在自动完成输入中输入一些值并清除该值，searchForm.autocompleteField.$error就有这个值：{"md-require-match":true,"required":true}

现在我选择要设置的单选按钮 md-require-match = false。但它没有从列表中删除md-require-match":true验证错误。$error

这是代码笔：http ://codepen.io/anon/pen/NbrJoJ

如何解决此验证问题？

添加多个芯片时如何防止输入线扩展。我试过设置 flex 和 width 但它最终将输入线向下推。我也尝试将其设置为绝对，但这完全搞砸了对齐方式。这是正在发生的事情的图片：

带有自动完成功能的 md-chip 示例，输入框表现怪异。

I'm trying to use :focus on md-autocomplete to change the background color when the user press Keydown or Keyup.

It's work fine with :hover for the mouse :

md-autocomplete-parent-scope:hover{ color: rgb(63, 92, 154); }

but not with :focus.

Thanks.

我们有一种情况，我们将带有 md-select / md-option 的 md-input-container 转换为 md-autocomplete。在 md-select/md-option 中，我们能够在 md-select 和 md-option 上都有一个 ng-disabled 属性。对于 md-autocomplete，我们还没有找到在选项/项目级别使用 ng-disabled 的方法。我们在 md-autocomplete 上使用它，但是一旦它们被选中，就需要禁用下拉菜单中的选项。

有没有办法使用 md-autocomplete 来做到这一点？谢谢！

在角度材料演示中，当我测试自动完成浮动标签示例时，它无法正常工作并出现错误

https://material.angularjs.org/latest/demo/autocomplete

1. 单击“最喜欢的状态”并单击退出>显示错误消息：确定
2. 刷新页面，点击“收藏状态”，输入“xxx”并点击退出 > 显示错误信息：OK
3. 现在，不要刷新 ant 重置字段 > 没有错误消息，但该字段是红色的：不适合我，我本来希望出现必需的消息错误
4. 再次输入“xxx”，没有错误信息

您是否有使错误消息正常工作的解决方案？

plunker 示例： https : //plnkr.co/edit/AmTLs4mbRsxgSNjEKvhn md-autaucomplete 字段的代码

谢谢

我正在使用 md-autocomplete 元素，但是当搜索字段为空时没有下拉菜单。它甚至不调用 querySearch 函数。当我输入任何内容时，都会触发该功能并且自动完成功能会起作用。我究竟做错了什么？

的HTML：

JavaScript：

md-item当用户选择一个项目并被标记为收藏时，我试图删除一个建议。为了澄清这里的问题是下面的结构。

假设我们有这个结构states。

当用户选择我将它放在函数上的对象时，这就是我为将状态标记为收藏所做的md-selected-item-change。

现在可以更改createFilterFor()以从结果中排除is_favorite == true选择特定状态后的状态吗？

这是我迄今为止尝试过的，但它没有呈现正确的结果。

更新

CODEPEN 演示