禁用和启用芯片列表

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

qqleecs 回答:禁用和启用芯片列表

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

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

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

item{
  name: string;
  isSelected = false;
}

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

本文链接:https://www.f2er.com/3146579.html

大家都在问