数据源更新时,使展开的表格不致于折叠行(角度材质)

时间:2018-09-10 09:46:40

标签: angular angular-material collapsable angular-material-table

我正在构建一个使用实时数据的应用程序,该数据应每隔几秒钟更新一次。我正在使用mat-table,它在可折叠行内显示了一个附加的mat-table。折叠工作正常,但是当我更新数据源时,它会折叠。有什么方法可以防止/替代这种行为?我编辑了折叠示例,以显示我的意思:https://stackblitz.com/edit/angular-3yukjz-只需按下第一个元素,它将随着数据源的更改而折叠。

1 个答案:

答案 0 :(得分:1)

最终,我通过在数据模型中添加一个布尔“扩展”来解决此问题,默认情况下该表达式为false。在行的点击方法上,我将行发送到并遍历所有行-当找到正确的行时,它将布尔值反转并退出函数。然后,在更新数据时,我将其重写在连接到dataSource的数组中,而不是直接将其写入dataSource。现在即使更新时行仍保持打开状态,并且您可以同时打开多个行。 :)