AngularMat-tableDataSource在更新状态时值被更改 _程序开发

创始人

2024-10-28 07:01:20

0次

在数据源变化时，我们需要重新设置数据源。这将确保表格视图也会更新，并显示更改后的数据。以下是一个解决方案的示例代码：

HTML代码：

TypeScript代码：

export class AppComponent implements OnInit { data: any[] = []; dataSource = new MatTableDataSource(this.data);

ngOnInit() { // Call a service to get data this.getDataFromService().subscribe((result) => { // Update data variable this.data = result;

  // Update data source
  this.dataSource.data = this.data;
});

} }

在ngOnInit()方法中，我们调用服务来获取数据并将其更新到数据变量。然后我们重新设置数据源以显示数据的更改。这确保了表格视图也会更新。

热点推荐"手机游戏挂... 热点推荐"手机游戏挂机辅助软件"开挂(神器)辅助神器有挂攻略-可靠教程 >>您好：软件加薇13670...

必备教程"微信卡五星... 您好：这款微信卡五星辅助器游戏是可以开挂的，确实是有挂的，很多玩家在这款微信卡五星辅助器游戏中打牌都...

一分钟揭秘"下载微乐... 一分钟揭秘"下载微乐小程序自建房透视"开挂(神器)辅助神器新版有挂-微扑克教程1、下载安装好下载微乐...

重要通知"衡阳丫丫字... 重要通知"衡阳丫丫字牌靠谱吗"开挂(安装)辅助安装有挂分享-黑科技教程；无需打开直接搜索薇:1367...

传递经验"pokem... 传递经验"pokemmo脚本辅助下载"开挂(平台)辅助平台了解有挂-玩家教程《详细加薇1367043...

推荐十款"掌中乐游戏... 推荐十款"掌中乐游戏辅助器"开挂(下载)辅助下载有挂教程-辅助教程；无需打开直接搜索加薇136704...

透视透视"决战卡五星... 透视透视"决战卡五星看牌器"开挂(下载)辅助下载有挂解惑-透视教程>>您好：软件加薇13670430...

实测必看"传送屋激k... 实测必看"传送屋激k万能辅助器app"开挂(安装)辅助安装有挂总结-AI教程【无需打开直接搜索加薇...

教程攻略"新圣游脚本... 新圣游脚本下载是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我微信...

科技分享"钱塘十水三... 您好：钱塘十水三挂件这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...