angular - 在数据源更新时防止展开的 mat-table 折叠行(Angular Material)

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

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

最佳答案

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

关于angular - 在数据源更新时防止展开的 mat-table 折叠行(Angular Material),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52255073/

相关文章:

angular - 使用angular-cli构建时如何排除文件夹应用程序内的文件夹?

typescript - Angular 2 将复杂的服务注入(inject)到服务中

添加/删除一些控件后, Angular 模板驱动的表单发生变化

css - 可折叠面板 css 位置/浏览器兼容性

html - CSS关于纯css的折叠菜单

extjs - 在边框布局 extjs 中带有叠加层的可折叠面板

angular - Angular Material 2 选项卡标签中的输入不允许空格

angular - Azure Bot Framework DirectLine v3 开始对话 - 错误 403 禁止

css - $mdtoast 在滚动页面底部的位置

javascript - 隐藏显示 div Angular