问题标签 [md-chip]

问题是限制 md-chips 只能通过自动完成选项填充，其他芯片不应该允许。

有什么建议么？

提前ty

我正在使用 md-chips 指令来生成芯片。但是我希望有条件地禁用某些芯片，同时保持其他芯片可编辑。但根据文档，我们要么禁用所有芯片，要么不禁用。

有没有办法让芯片有条件地可编辑/不可编辑？

用于标记（md-chips）的 md-autocomplete 的 Angular 材料文档使用下面给出的过滤器功能 -

来源：https ://material.angularjs.org/latest/demo/chips

有人可以解释这两个功能吗？在 querySearch 方法中，“self.vegetables.filter(createFilterFor(query)) : [];”是什么意思？意思是？

（“vegetables”是所有对象的数组，其中将给出建议，查询是搜索文本）

我想在角材料芯片中显示过滤器选中的复选框项目

md-autocomplete关闭芯片时不显示列出的建议，以获取不同的建议列表。

场景：我只想为未添加的芯片显示建议。最初，所有筹码都已添加，因此没有更多筹码可添加 - 没有建议，这很好。当芯片关闭并且输入字段被聚焦时，仍然没有建议，但理想情况下，建议列表中应该有一个芯片。仅当输入一个或多个字符时才会出现建议。

md-autocomplete即使查询字符串长度为 0，但似乎设置为 1，也应该重新渲染项目。这可以通过观察定义的过滤器函数来推断md-items，当查询字符串为空时，该函数不会被触发。

这是CodePen 链接

删除添加的筹码并专注于输入字段。观察到没有显示封闭芯片的建议md-autocomplete。

我试图摆脱 Angular 中的错误，但我不太清楚如何解决这个问题。我在 AngularJS 中有一个全选复选框和一个也有一个复选框的项目列表。这个想法是可以单独检查项目或使用选择/取消选择所有按钮。这个想法是当我说检查了两个项目并且我想在之后按下全选按钮时，因为也许我不想经历选择所有项目的所有麻烦，我得到一个不允许重复的错误。有谁知道如何解决这个问题？

这是我的 JS 函数：

这是我的html：

全选按钮的代码：

提前致谢！

我正在尝试以 md-input-containers 中的形式将 md-chips 与其他输入一起使用。

我必须添加自己的 css hack 来获取输入的占位符文本，并应用填充和边距以使其看起来尽可能接近 md-input-container 中的输入。

我知道我不能让 md-chips 在 md-input-container 中工作（我认为它还不支持）

这是我如何输入一个 md-chips 后出现的：

工作密码笔

有没有人遇到过类似的情况，需要让 md-chips 的输入与类似布局中的其他输入正确对齐？

只是在寻找合适的解决方案，我在 Angular Material 输入演示中看不到任何组合示例。

谢谢

在 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 芯片时它应该会引发错误，但它永远不会引发任何错误。

在使用 (key, value) 风味时，我正在尝试将 md-chips 与 ng-repeat 一起使用，这是我正在尝试做的一个示例：

（我不知道该怎么做ng-model）。
谢谢你提前
编辑
这里是我的 json 数据例如 {'a':'1','b':'2','c':'3'}

通过使用此代码，我可以获得 {"a":"1"} {"b":"2"} {"c":"3"}，但这并不是我想要的。

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

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