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 }}

两分钟方法！小程序白金岛跑得快... 两分钟方法！小程序白金岛跑得快辅助器，wepoke可以来好牌（详细透视辅助工具教程）；支持多人共享记...

7分钟规律！人皇大厅辅助器，德... 7分钟规律！人皇大厅辅助器，德州之星辅助器（详细透视辅助工具教程）；1.人皇大厅辅助器 ai辅助创建...

5分钟规律！胖猪竞技吗，wep... 5分钟规律！胖猪竞技吗，wepoke app（详细透视辅助黑科技教程）1、玩家可以在胖猪竞技吗软件透...

五分钟规律！桂林字牌app有挂... 五分钟规律！桂林字牌app有挂的吗，德扑人工智能（详细透视辅助器教程）；科技详细教程小薇《75744...

9分钟教学！财神十三张辅助器，... 9分钟教学！财神十三张辅助器，微扑克微乐辅助（详细透视辅助器教程）；wpk透视辅助官方版是专为公司和...

9分钟详情！wepoke辅助挂... 1、9分钟详情！wepoke辅助挂，红龙扑克是真是假（详细透视辅助黑科技教程）2、进入游戏-大厅左侧...

6分钟介绍！卡卡麻将有挂吗，w... 6分钟介绍！卡卡麻将有挂吗，wpk 辅助工具（详细透视辅助器教程）1、完成卡卡麻将有挂吗的残局，帮助...

四分钟详情！中至游戏作弊辅助，... 四分钟详情！中至游戏作弊辅助，wopoker用ai有用（详细透视辅助软件教程）关于中至游戏作弊辅助的...

九分钟方法！胡乐麻将软件的输赢... 《九分钟方法！胡乐麻将软件的输赢规律，wpk用有辅助器（详细透视辅助器教程）》胡乐麻将软件的输赢规...

1分钟介绍！青龙大厅app的辅... 1分钟介绍！青龙大厅app的辅助器，wpk德州专用辅助器（详细透视辅助器教程）科技教程也叫必备教程，...