检查新对象并将其推入表格组件中

Question

我有2个组件，分别为list和display。 list组件将显示dropdown中的客户，从dropdown(dropdown with multiselect)我将PUSH选定的客户到table(material component)组件中的display像这样：

现在，我在form组件中又有一个display，以便生成一个新的customer。从此表单中，我将生成一个新客户，而我将PUSH table的新客户是这样的：

我也将在list组件中更新生成的客户，如下所示：

但是问题是，当我尝试从列表组件中推同一位客户（前客户4）时，它不应添加重复项，而是在添加：

注意：

• 因为我无法为 stackblitz DEMO 中的新客户生成 ID ，所以我只是在硬编码 ID 对于新客户（客户4）

• 在列表中，我也被添加为 Customer 4

DEMO

Answer 1

您只需要检查数组是否存在。

我已经更新了您的stackblitz示例以符合您的要求。我建议您不要将客户存储在CustomerIds对象中，这样会更容易一些。

仅阻止用户添加也不是最好的选择，添加一些内容以将错误通知用户。