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辅助！红龙扑克是不是有问题，wepoke挂真的假的，2025新版总结（有挂辅助挂）1）w...

aapoker透明挂！poke... aapoker透明挂！pokerworld有挂吗，wepokeapp下载教程，实用技巧（有挂总结）您...

wepoke辅助技巧！德州ai... 一、德州ai人工智能简介了解软件请加微：136704302德州ai人工智能是一款在线扑克游戏平台，玩...

aapoker猫腻！poker... aapoker猫腻！pokermaster是不是有外挂，微扑克使用方法，玩家教你（有挂教学）1、aa...

aapoker发牌机制！aap... 1、aapoker发牌机制！aapoker可以开挂吗，红龙扑克好友桌，德州论坛（有挂教学）；代表性（...

wepoke辅助有挂！云扑克辅... 您好，wepoke辅助有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...

德州AI智能辅助机器人！wpk... 德州AI智能辅助机器人！wpk发牌，wpk的下风机制，必备教程（有挂了解）1、不需要AI权限，帮助你...

微扑克系统发牌规律！云扑克确实... 微扑克系统发牌规律！云扑克确实真的有挂，pokerx人工智能，wpk教程（有挂规律）1、许多玩家不知...

wpk俱乐部！wpk怎么玩胜率... wpk俱乐部！wpk怎么玩胜率高，微扑克有稳赢的打法，德州教程（有挂攻略）1、wpk俱乐部ai机器人...

德扑数据软件！wpeoke软件... 德扑数据软件！wpeoke软件下载，wepower透视辅助，切实教程（有挂黑科技）是一款可以让一直输...