【问题标题】:Keep expanded mat-table from collapsing row when datasource updates (Angular Material)数据源更新时保持展开的 mat-table 不会折叠行(Angular Material)
【发布时间】:2019-02-14 17:28:00
【问题描述】:

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

【问题讨论】:

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


    【解决方案1】:

    我最终通过在我的数据模型中添加一个布尔“扩展”来解决这个问题,默认情况下它是错误的。在行的单击方法上,我发送了行并循环遍历所有行 - 当它找到正确的行时,它反转布尔值并退出函数。然后,在更新数据时,我在连接到数据源的数组中覆盖了它,而不是直接对数据源进行。即使在更新时,这些行现在也保持打开状态,并且您可以同时打开多行。 :)

    【讨论】:

    • 嘿,拉斯,你能再解释一下吗?更新与数据源相关的数组是什么意思?你的意思是你做了这样的事情 this.dataSource.data = someArray 而不是完全创建一个新的数据源?
    猜你喜欢
    • 2021-07-08
    • 2018-03-26
    • 1970-01-01
    • 1970-01-01
    • 2020-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多