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

上一篇：AngularMat-Table错误：无法找到具有“...”ID的列。

下一篇：AngularMAT-Table矩阵或动态表格

相关内容

热门资讯

aapoker有猫腻！wpk使... aapoker有猫腻！wpk使用ai辅助会封号，wpk微扑克真的有辅助插件（详细辅助挂教程）；1.a...
德扑数据软件！德扑ai软件，德... 德扑数据软件！德扑ai软件，德扑ai一直是有挂（详细ai辅助有用教程）是一款可以让一直输的玩家，快速...
WePoKe外 挂!wepok... WePoKe外 挂!wepoke软件透明挂可以弄(透明挂)wePOke(原来真的有挂)；值得一提的是...
wpk ai辅助(wPk)wp... wpk ai辅助(wPk)wpk德州代打是真的(透视)其实真的有挂(黑科技教程)1、wpk ai辅助...
德扑ai助手！德扑快速计算胜率... 1、德扑ai助手！德扑快速计算胜率，德扑好像是真的有挂（详细有作弊教程）；代表性（透视辅助软件透明挂...
微扑克系统发牌规律！微扑克辅助... 微扑克系统发牌规律！微扑克辅助测试，wpk俱乐部软件（详细辅助教程）是一款可以让一直输的玩家，快速成...
wepoke辅助机器人！wep... wepoke辅助机器人！wepoke保险，wepoke游戏真的是有挂的，新2025教程（有挂攻略）；...
德扑之星有作弊！德州之星有ap... 德扑之星有作弊！德州之星有app辅助，德州ai本来真的是有挂（详细有辅助挂教程）；小薇（透视辅助）致...
wpk德州透视辅助！wpk辅助... wpk德州透视辅助！wpk辅助实时策略建议，wPK总是真的有挂，详细教程，（有挂脚本）1、游戏颠覆性...
wepok软件透明挂！微扑克插... wepok软件透明挂！微扑克插件，pokermastersteam外挂（详细辅助挂教程）；致您一封信...