Angular 6 mat表DOM在拼接数据源后没有更新

作者: 是吗@
发布时间: 2024-03-23 05:57:10 (1月前)
转自：

4 条回复

0#
回复此人
那年 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可能必须在拼接后手动触发changedetetor </p> <pre> <code> if (index > -1) { // update at same position this.orders.splice(index, 1, order); this.changeDetectorRefs.detectChanges(); } </code> </pre> </DIV>

编辑
1#
回复此人
岁爵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 从材料的<strong> CDK </强> 文档和完全在 <code> @Input() dataSource: CdkTableDataSourceInput<T> </code> ： </p> <BLOCKQUOTE> <P> 如果提供了数据数组，则必须在表时通知该表添加，删除或移动数组的对象。这可以通过调用renderRows（）函数，它将自动渲染diff 最后一个表格。如果数据数组引用已更改，则表格将自动触发对行的更新。 </p> </BLOCKQUOTE> <P> 另外，从JavaScript的角度来看， <code> splice </code> 方法mutate（更改）数组，因此不更改数组引用。 </p> <P> 参考： <a href="https://material.angular.io/cdk/table/api" rel="nofollow noreferrer"> https://material.angular.io/cdk/table/api </A> </p> </DIV>

编辑
2#
回复此人
那月静好 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你改变了你的元素后 <code> MatTableDataSource </code> 你可以强制你的表重绘 </p> <pre> <code> this.order._updateChangeSubscription(); </code> </pre> </DIV>

编辑

登录后才能参与评论