以角度检查新对象并将其推送到表格组件答案

【问题标题】：To check and PUSH the new object to table component in angular以角度检查新对象并将其推送到表格组件
【发布时间】：2019-08-31 12:25:24
【问题描述】：

我有两个名为 list 和 display 的组件。 list 组件将在dropdown 中显示客户，从dropdown(dropdown with multiselect) 我将PUSH 选定的客户table(material component) 出现在display 组件中，如下所示：

现在我在display 组件本身中有另一个form，以便生成一个新的customer。从这个表单我将生成一个新客户，我将PUSH 这个新客户table 像这样：

我也会像这样更新list组件中生成的客户：

但问题是当我尝试从 list 组件中 PUSH 相同的客户（前客户 4）时，它不应该添加重复项，但它正在添加：

注意：

由于我无法在 stackblitz DEMO 中为新客户生成 ID，因此我只是对 ID 进行硬编码> 对于新客户（客户 4）
在 list 中，我也刚刚将新客户添加为 Customer 4

DEMO

【问题讨论】：

你的 stackblitz 演示工作，正如你所描述的那样
他的意思是你的 stackblitz 坏了。在list.component.html 中，按钮有两个(click) 事件属性

标签： angular typescript angular-material angular6

【解决方案1】：

您只需要检查您的数组是否出现。

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

而且仅仅阻止用户添加也不是最好的选择，添加一些东西来通知用户错误。

【讨论】：