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

黑科技辅助！wepoke有插件... 《黑科技辅助！wepoke有插件，（WePoKe辅助工具）原来真的有挂，安装教程（有挂解惑）-哔哩哔...

黑科技辅助！wepoke辅助使... 黑科技辅助！wepoke辅助使用方法，（Wepoke代码）原来真的有挂，必胜教程（有挂解密）-哔哩哔...

黑科技辅助！wepoke辅助真... 黑科技辅助！wepoke辅助真的假的，（WePoKe步骤）原来真的有挂，2025新版技巧（有挂透视）...

黑科技辅助！wepoke挂真的... 黑科技辅助！wepoke挂真的假的，（Wepoke ai代打）原来真的有挂，新版2025教程（有挂猫...

黑科技辅助！wepoke一定有... 黑科技辅助！wepoke一定有挂，（WePoKe辅助工具）原来真的有挂，介绍教程（有挂方法）-哔哩哔...

黑科技辅助！wepoke黑科技... 黑科技辅助！wepoke黑科技ai，（WePoKe新版）原来真的有挂，规律教程（的确有挂）-哔哩哔哩...

黑科技辅助！红龙扑克辅助工具，... 黑科技辅助！红龙扑克辅助工具，（红龙扑克功能）原来真的有挂，细节方法（细节）-哔哩哔哩；红龙扑克辅助...

黑科技辅助！wepoke辅助真... 【福星临门，好运相随】；黑科技辅助！wepoke辅助真的假的，（WePoKe德州）原来真的有挂，we...

黑科技辅助！wepoke软件透... 黑科技辅助！wepoke软件透明挂，（Wepoke外挂）原来真的有挂，系统教程（真的有挂）-哔哩哔哩...

黑科技辅助！wepoke算法，... 黑科技辅助！wepoke算法，（Wepokeplus）原来真的有挂，wpk教程（有挂技巧）-哔哩哔哩...