问题标签 [md-chip]

默认选择的MatChip不与MatChipList selected 属性同步 即使选择了 Lime，初始选择的芯片也是空的。当我们再次双击时，Chip 被添加到选中但不是最初。演示在这里

我正在使用 md-chips 组件添加一个对象，就像

下面是我生成对象的 Js 代码

我想使用md-enable-chip-edit但它只适用于基本模板。

有什么建议吗？

PS：我尝试在基本模板中制作芯片，然后我制作了一个为我创建对象的函数..它在我的添加视图中工作，但在编辑视图中失败，因为我从附加到 ID 的数据库中检索对象。

当我尝试添加重复的芯片时，组件会自动删除新添加的芯片，因为它不允许添加重复的芯片。

我需要触发一个事件，我可以依赖该事件来查看用户无法添加重复筹码的验证消息

尝试添加重复的芯片..重复的芯片将被自动删除，没有任何验证消息https://codepen.io/aRagabCs/pen/OYXwEx

实际：无法移除芯片 预期：点击 x 即可移除芯片

我做了以下动作：

1. 在主 app.module 中导入 MatIconModule 和 MatChipsModule。带有我的代码的模块是子模块/延迟加载。我还需要在子组件中导入 MatIconModule 才能使图标正常工作。

从“@angular/material/chips”导入 { MatChipsModule }；

2. 在 index.html 中添加了以下内容

链接 href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"

3. 在 style.css 中添加了 ff 并更新了 angular.json 文件。

@import "@angular/material/prebuilt-themes/indigo-pink.css";

"styles": [ "src/assets/css/style.css"] //angular.json

4. 安装锤

我正在我的应用程序的集合视图中实现 MDChips，但遇到了一个我无法解决的问题。

当我将 selectedImageView 添加到我的芯片并在我的集合视图中选择芯片时，图像按预期显示，但标题由于图像的幻影而移位。

我尝试过使用内在内容和 UIEdgeInsets，但我似乎找不到解决方法。

有什么办法可以避免这种情况发生吗？我希望图像出现而不取代芯片视图中的任何其他内容。

任何提示或帮助将不胜感激！

我想根据它们的类型在 md-chip 上方创建一个标签，但是具有相似类型的对象应该像这样分组在一个标签下：

抱歉，我无法嵌入图像来显示我的需求，而只能在文本中进行。

这是我尝试过的：

但是，这会导致如下错误：

angular.js:13550错误：[ngModel:nonassign]表达式'arrayList | filter: {type: 'orange'}' 是不可赋值的。元素：

我还有其他方法可以达到同样的效果吗？

[更新] 假设有第二个橙色项目，则应在最后一个黄色项目的正下方创建第二个橙色项目的新标签和 md-chip。已更新示例代码。

当用户从下拉列表中选择一个选项时，我正在尝试添加标签。所以他们可以选择多个项目，然后在下面会有标签来展示这些选择。

我目前的尝试，试图取自：https ://material.io/develop/web/components/chips/

我的错误目前是：

chipSetEl.appendChild 不是函数

但是，如果我取消注释芯片集初始化，我也会收到错误消息：

this.root_.querySelectorAll 不是函数

芯片组 el console.log：

编辑

chipSetEl的新定义和定制化的尝试：

Python 3.9.0

目标

一种查找当前是否选择了 MDChip 的方法

问题

使用checkMDChips 的属性来确定是否选择了芯片返回True，即使该芯片被选择与否。我希望它在未选择芯片时返回false 。

示例代码

KV 脚本在上面提供的 main.py 文件中

期望

图片取自本文档