一张一张一张地过滤表格-Angular 2 ++

Question

我正在学习Angular 2 ++，我想创建2个动态表，单击另一个表时可以对其进行过滤。例如。假设我们有以下表格：

---

表1

ID1     Box Name   Size

1       BOX1       17sqm
2       BOX2       18sqm
3       BOX3       19sqm

---

表2

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

---

因此，当我单击第一张表的第一行时，它将仅向我显示第二张表的第二行。如果我单击第二张表的最后一行，它将仅显示第一张表的最后一行。

这可能吗？

Answer 1

您需要维护2个对象数组才能显示2个表。我们需要在表1中有一个唯一的ID，该ID将在表2中成为前导键（关联键）

在上表中，“ ID1”是表1中的唯一ID，而“ ID1”是表2中的关联密钥。当我们单击表1中的项目时，请使用ID1值并将过滤器应用于表2，并在DOM中显示结果。