如何解决提交表单后刷新Mat表上的数据
提交表单后,我必须刷新席子表格。我按照以下步骤使用表格来做。 服务
refreshList(){
this.http.get(this.rootURL+'/PaymentDetail').toPromise().then(res => this.list = res as PaymentDetail[]);
}
然后我在ngOnInit上以及在payment-detail-component.ts(提交表单的组件)和payment-detail-list.component.ts(在此处显示表格)内部的Submit函数中调用它。
查看付款明细。
<div class="jumbtron">
<h1 class="display-4 text-center">Payment Detail Register</h1>
<hr>
<div class="row">
<div class="col-md-5">
<app-payment-detail></app-payment-detail>
</div>
<div class="col-md-7">
<app-payment-detail-list></app-payment-detail-list>
</div>
</div>
</div>
在我使用Mat Table时遵循此过程是行不通的。为什么垫子桌子不以这种方式刷新?在这种结构中提交表单后,如何在Mat Table中刷新数据?
解决方法
要刷新物料数据表中的数据,需要将新数据分配给dataSource对象
this.dataSource = new MatTableDataSource<any[]>(newData);
您可以看到示例here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。