AngularMaterial表格在接收到新数据时未更新
创始人
2024-10-28 08:01:45
0次
  1. 确保 data source 内容正确更新

Angular Material 表格支持使用 MatTableDataSource 来管理数据，确保使用以下方法来更新数据：

this.dataSource.data = newData;

如果使用原始的数组来管理数据，你可以尝试在更新后重新给数据源赋值：

this.dataSource = new MatTableDataSource(newData);
  1. 强制组件重新渲染

当数据源更新后，可以调用以下方法来强制组件重新渲染：

this.table.renderRows();
  1. 使用 immutable 数据结构

如果你在更新数据的同时使用了 immutable 数据结构，那么组件会自动检测到数据的更改并重新渲染。可以使用 Immutable.js 来管理数据。

这些方法都可以使 Angular Material 表格正确更新数据。

上一篇：AngularMaterial表格渲染600多行速度非常缓慢（大约需要1分钟），并且导致浏览器冻结。

下一篇：AngularMaterial表格在网页上未正确显示数据。

相关内容

热门资讯

黑科技真的(wpk最新黑科技)... 黑科技真的(wpk最新黑科技)wpk辅助器小程序(wPk)好像是真的有挂(有挂方法)-哔哩哔哩1、游...
黑科技app(wpk ai辅助... 黑科技app(wpk ai辅助)wpk外挂被实锤(WPK)切实存在有挂(有挂详情)-哔哩哔哩1、上手...
黑科技美元局(wpk ai辅助... 黑科技美元局(wpk ai辅助)wpk有外挂(WpK)原来有挂(确实有挂)-哔哩哔哩1、不需要AI权...
黑科技实锤(wpk ai辅助)... 黑科技实锤(wpk ai辅助)wpk有修改器吗(WPk)果然真的有挂(有挂细节)-哔哩哔哩；1、wp...
黑科技辅助(wpk ai辅助)... 黑科技辅助(wpk ai辅助)wpk辅助器是真的假的(WPk)其实是真的有挂(揭秘有挂)-哔哩哔哩；...
黑科技ai挂(wpk最新黑科技... 黑科技ai挂(wpk最新黑科技)wpk智能ai(WPK)真是是真的有挂(有挂教程)-哔哩哔哩1、很好...
黑科技有挂(wpk ai辅助)... 黑科技有挂(wpk ai辅助)wpk外挂(WPK)一贯真的是有挂(有挂教程)-哔哩哔哩1、下载好wp...
黑科技脚本(wpk ai辅助)... 黑科技脚本(wpk ai辅助)wpk怎么提高胜率(WPK)一直有挂(有人有挂)-哔哩哔哩小薇（透视辅...
黑科技ai代打(wpk最新黑科... 黑科技ai代打(wpk最新黑科技)wpk机器人代打(WpK)一贯存在有挂(有挂方法)-哔哩哔哩；1、...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk辅助插件(Wpk)其实真的是有挂(真的有挂)-哔哩哔哩；1、在w...