如何从表组件读取值

Question

我有一个名为list的组件，我将从下拉列表中选择一些objects(i,e customers)（使用复选框组件进行选择），然后将这些selected object(customers)发出给另一个名为 display 的组件，在 display 组件中，我将在表中显示发射的对象properties(i,e name,email..etc)，如下图所示：

• 现在单击display组件中的 SAVE 按钮，我要读取table上显示的值。

• 当我按下SAVE按钮时，我正在调用一个名为onSave的函数，在onSave函数内部，我有一个名为addCustomer的属性要存储从表到该属性的值。

如何从表中读取值？

DEMO

Answer 1

您可以将this.selectedCustomers分配给this.addCustomer属性，例如：

this.addCustomer = this.selectedCustomers;

，如果您只想从列表中获取ID，则可以使用：

var arr = this.addCustomer.CustomerIds.map(obj => obj.id); // ["1","2"]

Stackblitz