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

相关内容

热门资讯

我来教大家!中至麻将可以设置输... 我来教大家!中至麻将可以设置输赢的,fishpoker扑克辅助,详细教程(有挂介绍)-哔哩哔哩是一款...
7分钟了解!微扑克智能助手,w... 1、7分钟了解!微扑克智能助手,wEpoke软件透明挂,详细教程(有挂教程)-哔哩哔哩(UU pok...
揭秘关于(pokermaste... 揭秘关于(pokermastersteam外挂)其实真的有挂(透视)详细教程(有挂透明)-哔哩哔哩;...
四个安卓版!微扑克代打其实真的... 这是一款非常优秀的微扑克代打 ia辅助检测软件,能够让你了解到微扑克代打中牌率当中全部隐藏参数,与同...
一分钟教你!河洛杠次辅助器是真... 一分钟教你!河洛杠次辅助器是真的,gg扑克软件,详细教程(有挂透明)-哔哩哔哩;(需添加指定薇487...
透视辅助!wpk德州俱乐部机器... 1、透视辅助!wpk德州俱乐部机器人,wePOke软件透明挂,详细教程(有挂教学)-哔哩哔哩。2、w...
透视能赢(决战有外挂的)原来真... 1、透视能赢(决战有外挂的)原来真的有挂(透视)详细教程(有挂攻略)-哔哩哔哩。2、决战有外挂的透视...
1个最新版!微扑克有辅助(辅助... 【福星临门,好运相随】;1个最新版!微扑克有辅助(辅助挂)外挂辅助安装(2021已更新)(哔哩哔哩)...
记者揭秘!中至吉安麻将有挂的,... 记者揭秘!中至吉安麻将有挂的,we辅助poker,详细教程(有挂攻略)-哔哩哔哩,亲,有的,ai轻松...
9种系统!微扑克挂几个号(辅助... 9种系统!微扑克挂几个号(辅助挂)外挂辅助助手(2021已更新)(哔哩哔哩);微扑克挂是一种具有地方...