Angular 一个接一个地筛选表格-角度2++;

Angular 一个接一个地筛选表格-角度2++;,angular,datatables,angular2-template,Angular,Datatables,Angular2 Template,我正在学习Angular 2++的过程中,我想创建两个动态表,当单击另一行时可以对其进行过滤。例如,假设我们有下几张桌子: 表1 ID1 Box Name Size 表2 ID1 ID2 Box assets Pieces 因此,当我单击第一个表的第一行时,它将只显示第二个表的两行。如果单击第二个表的最后一行,它将仅显示第一个表的最后一行 这可能吗?您需要维护2个对象数组以显示2个表。我们需要在表1中有一个唯一的id,它将是表2中的外键(关联键) 从上

我正在学习Angular 2++的过程中,我想创建两个动态表,当单击另一行时可以对其进行过滤。例如,假设我们有下几张桌子:


表1

ID1     Box Name   Size

表2

ID1     ID2     Box assets    Pieces

因此,当我单击第一个表的第一行时,它将只显示第二个表的两行。如果单击第二个表的最后一行,它将仅显示第一个表的最后一行


这可能吗?

您需要维护2个对象数组以显示2个表。我们需要在表1中有一个唯一的id,它将是表2中的外键(关联键)


从上表中可以看出,“ID1”是表1中的唯一id,“ID1”是表2中的关联键。单击表1中的项时,使用ID1值并对表2应用过滤器,并在DOM中显示结果。

当然这是可能的。您在开发此产品时面临什么问题?
ID1     ID2     Box assets    Pieces
1       a       Chair         3pcs
1       b       Table         2pcs
2       c       TVs           4pcs
2       d       Lawnmower     2pcs
3       e       Vehicle       1pcs