单击显示子组件中任意行的详细信息，单击Angular 2+上的同一行关闭详细信息

Question

我需要通过切换子组件中表行的值来获得一些帮助。

只有当我点击一行时才应该显示它。这种情况发生得很好。但是，如果我单击下一行，它将关闭Details，但它应该只切换值。如果我在同一行单击两次，它应该会关闭Details。

在此处工作

Answer 1

你必须像这个一样更改toggleDetails函数

toggleDetails(row) {
console.log(row);
if (this.rowData == row) {
this.showDetails = !this.showDetails;
} else {
this.showDetails = true;
}
this.rowData = row;
}

这会奏效的！

Answer 2

试试这个：

toggleDetails(row) {
console.log(row);
this.showDetails = row.position !== this.rowData.position || !this.showDetails;
this.rowData = row;
}

Answer 3

请在此处查看工作演示。我修改了toggleDetails方法。