Angular material 禁用和启用芯片列表

我需要得到一个列表，一旦在该列表中选择了一个名称，它必须以一种芯片/芯片格式显示在angular（typescript）中，并且我们选择的名称必须在列表中被禁用。如果所选名称被删除，则该特定名称必须显示在当前芯片/芯片列表中

在我看来，基本上有两种方法可以实现您想要的

您可以为所选项目创建另一个数组，然后从列表中选择名称后，可以将项目推送到

selectedItems

array<然后，可以使用代码>selectedItems阵列来显示芯片。此外，如果主列表中的项目位于

selectedItems

数组中，则应将其禁用

您可以在名为

isSelected

的项中创建字段，该字段将是布尔类型。例如：

然后，如果一个项目的flag

isSelected

设置为true，它应该显示在芯片中，并在列表中禁用。单击主列表中的某个项目只能将

isSelected

值更改为true

item{
  name: string;
  isSelected = false;
}