AngularMatTable在数据数组更改时不重新渲染表格。
创始人
2024-10-28 12:30:08
0次

这可能是因为数据数组被视为相同的引用。要解决这个问题，可以通过创建一个新的数组来替换原始数组来更改数据。这将强制MatTable检测到更改并重新渲染表格。

示例代码：

// 原始数据数组 data = [ { name: 'John', age: 25 }, { name: 'Jane', age: 30 } ];

// 创建一个新的数据数组来替换原始数组 updatedData = [ { name: 'John', age: 25 }, { name: 'Jane', age: 35 } ];

// 更新数据 this.data = this.updatedData;

// 注意，不要修改原始数组，而是创建一个新的数组并将它们分配给MatTable的数据源。这将触发重新渲染表格。

// 在模板中，使用*ngFor指令循环遍历数据源，MatTable会重新渲染表格显示更改。

Name {{ person.name }} Age {{ person.age }}

上一篇：AngularMatTable在进行PUT操作时没有更新。

下一篇：AngularMatTree似乎知道有数据，但不会显示出来。

相关内容

热门资讯

有挂透视！aapoker辅助插... 有挂透视！aapoker辅助插件工具，aapoker怎么提高中牌率，确实存在有辅助教程（哔哩哔哩）1...
普及透视！hhpoker怎么防... 普及透视！hhpoker怎么防作比弊，hhpoker辅助挂是真的吗，都是存在有辅助软件（哔哩哔哩）透...
揭露透视！wpk俱乐部是做什么... 揭露透视！wpk俱乐部是做什么的，wpk插件辅助，果然真的是有辅助教程（哔哩哔哩）辅助器是一种具有地...
透视透视！aapoker辅助插... 透视透视！aapoker辅助插件工具，aapoker怎么选牌，其实存在有辅助神器（哔哩哔哩）透视方法...
揭露透视！aapoker怎么拿... 揭露透视！aapoker怎么拿好牌，aapoker插件，都是是真的有辅助方法（哔哩哔哩）1、操作简单...
详细透视！aapoker安装包... 详细透视！aapoker安装包怎么使用，aapoker安装包怎么使用，果然一直都是有辅助软件（哔哩哔...
教你透视！德普之星私人局辅助免... 您好，这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款游戏中打...
必备透视！wepoker免费脚... 必备透视！wepoker免费脚本咨询，wepoker私局代打，其实一直总是有辅助攻略（哔哩哔哩）1、...
详细透视！wepoker辅助器... 详细透视！wepoker辅助器安装包，wepoker有没有挂，确实是有辅助脚本（哔哩哔哩）1、辅助软...
了解透视！hhpoker真能买... 了解透视！hhpoker真能买到挂吗，hhpoker俱乐部是干嘛的，原来一直都是有辅助插件（哔哩哔哩...