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

黑科技存在(wpk ai辅助)... 黑科技存在(wpk ai辅助)wpk辅助神器(wPk)果然有挂(有挂头条)-哔哩哔哩；1、下载好wp...

黑科技软件(wpk ai辅助)... 黑科技软件(wpk ai辅助)wpk透视辅助可测试真的(wPk)一直是有挂(存在有挂)-哔哩哔哩暗藏...

黑科技肯定(wpk最新黑科技)... 黑科技肯定(wpk最新黑科技)wpk后台管理系统(wpK)本来有挂(真是有挂)-哔哩哔哩wpk后台管...

黑科技辅助(wpk ai辅助)... 黑科技辅助(wpk ai辅助)wpk微扑克辅助存在吗(WPK)好像真的是有挂(发现有挂)-哔哩哔哩黑...

黑科技好友(wpk最新黑科技)... 黑科技好友(wpk最新黑科技)wpk有透视辅助吗(WPK)一贯是真的有挂(有挂方略)-哔哩哔哩1、打...

黑科技脚本(wpk ai辅助)... 黑科技脚本(wpk ai辅助)wpk真的有辅助插件吗(wpK)好像是真的有挂(有挂秘籍)-哔哩哔哩1...

黑科技工具(wpk最新黑科技)... 黑科技工具(wpk最新黑科技)wpk俱乐部有外挂吗(wpK)确实有挂(有挂秘诀)-哔哩哔哩1、wpk...

黑科技教学(wpk最新黑科技)... 黑科技教学(wpk最新黑科技)Wpk辅助器(wPK)真是真的是有挂(果真有挂)-哔哩哔哩1、让任何用...

黑科技游戏(wpk ai辅助)... 黑科技游戏(wpk ai辅助)wpk德州透视辅助(wpK)竟然是真的有挂(有挂透视)-哔哩哔哩wpk...

黑科技脚本(wpk ai辅助)... 黑科技脚本(wpk ai辅助)wpk辅助透视教学(WPk)确实是真的有挂(的确有挂)-哔哩哔哩1、下...