问题标签 [mat-chip]

我创建了一个stackblitz 示例

如果你打开侧导航，然后在扩展面板上看到芯片，你会看到它的形状是矩形的，但它应该看起来是圆形的。我该如何解决 ？

编辑：这是Github上已经存在的问题

我正在使用带有角材料芯片的 ngx-material-keyboard，但问题是我单击的字母未显示在输入中。但是，当我从输入中删除 [matAutocomplete]="auto" 时，键盘工作正常。（也对不起我的英语不好）这是我的 HTML 代码

这就是我将键盘链接到输入的方式

}

请帮助我，因为我真的需要同时使用它们。谢谢你的帮助。

垫片显示器

根据上图，我在引导主题项目中显示垫芯片时遇到了问题。它仅在我单击或点击某些键后显示为完整的芯片。我已经在我的 module.ts 文件中安装了角材料并导入了垫芯片。mat芯片的代码如下：

希望有人可以在这个问题上帮助我。非常感谢！

然后当用户输入一些数据时，从 DB 中获取的相关甜点列表数据应该以预先填充的 mat-chips 列表格式显示如下：（如果这不可能，我们可以显示一个预先填充的可用甜点列表的下拉列表来自 db 以便用户可以从中进行选择），但已选择的值（重复）不应出现在下拉列表中或通过键入用户再次选择，无论是在对话框仍然打开还是关闭并再次打开时。因为选择的甜点应该是唯一的，因为选择的这个芯片数据将存储在数据库的另一个表中。

用户可以从可用的显示芯片列表项中删除或添加他想要的任何芯片，然后单击提交。但是这里的条件应该是，一旦选择了一个芯片项（不关闭该项目使其被选中提交），不应该通过再次键入或上次提交后选择重复的芯片项，这意味着：例如，如果我如图所示，预先填充了 5 个芯片项目，用户不应该能够键入新的芯片项目并提交，并且如果选择了芯片 4 和芯片 5 并且芯片 1、芯片 2、芯片 3 从显示的列表中关闭（删除），那么只有没有重复的 1 个芯片 4 和 1 个芯片 5 应该在提交时传递到在按钮单击事件上调用此对话框的页面。再次，当用户打开此对话框时，先前选择的芯片 4 &

我已经尝试完全按照下面的 Angular Material 文档中提到的方式实现各种垫芯片列表的自动完成，但这会打开一个下拉列表，而不是根据所需的格式。

甜点.component.html：

甜点.component.ts：

此甜点组件正在从另一个组件调用 this.dialog.open(DessertsComponent)

我不是 Angular Material(v7) 方面的专家，因此如果为这个问题提供任何解决方案，我将不胜感激。

嗨，我正在开发一个网络应用程序，我在其中显示以 json 格式接收的学生数据。

这是打字稿代码片段

我尝试将 Languages 作为单独的数组，并考虑在使用 ngFor 在屏幕上显示时使用它

我尝试在 mat-chip-list 中显示，如下所示，但它只显示所有 ID 的 ID 3 语言

需要帮助来读取语言 json 值并在屏幕上显示。

这是我 对我项目的一小部分的stackblitz娱乐。在这里我面临4个问题：-

1. 我想将用户限制为只有一个垫芯片。我试过[disabled]="selectedOption >=1"了，即使这个可以工作，我不想禁用删除功能，这样如果用户想要他/她可以删除芯片并添加一个新的。
2. 在第二个输入文本框中，我想添加某种换行符。如果你在那里输入一些东西，它只会在水平方向上溢出输入。
3. 我想从文本框顶部的第二个输入文本框中输入文本，而不是从中间开始。
4. 是否可以隐藏第二个输入文本的占位符，直到我们在第一个输入中输入内容？

有人可以帮我弄这个吗？

我在这里先向您的帮助表示感谢