禁用和启用芯片列表

Question

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

Answer 1

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

1. 您可以为所选项目创建另一个数组，然后从列表中选择名称后，可以将项目推入selectedItems数组。然后可以使用selectedItems数组显示芯片。同样，如果主列表中的一项位于selectedItems数组中，则应将其禁用。

2. 您可以在名为isSelected的项目中创建字段，该字段将为布尔类型。例如：

item{
  name: string;
  isSelected = false;
}

然后，如果某项的标志isSelected设置为true，则应在芯片中显示并在列表中将其禁用。单击主列表中的项目应仅将isSelected的值更改为true。