AngularMatTable在进行PUT操作时没有更新。 _编程开发

AngularMatTable在进行PUT操作时没有更新。

创始人

2024-10-28 12:30:09

0次

问题的原因是MatTable不会自动检测数据的更改，所以需要手动触发更新。下面是一些

在进行PUT操作后，手动更新数据源。

// 使用数据源中的新数据更新表格
this.dataSource.data = this.dataSource.data.map(row => {
    if (row.id === updatedRow.id) {
        return updatedRow;
    }
    return row;
});

更改数据源中的对象引用。这将导致表格自动更新为新的对象。在数据源对象的属性更改后，可以使用 Object.assign() 或 ES6解构语法来创建新的对象，以确保更改时对象引用发生更改。
```
const updatedRow = Object.assign({}, rowToUpdate, updatedData);
this.dataSource.data[rowIndex] = updatedRow;
```

引用Angular的ChangeDetectorRef服务并手动触发变更检测。

import { ChangeDetectorRef } from '@angular/core';

constructor(private cdr: ChangeDetectorRef) {}

// 在进行PUT操作后手动触发变更检测
this.cdr.detectChanges();

使用其中任意一种方法，都可以使改变能够重新渲染 MatTable。

上一篇：Angularmattable服务器端分页-分页器未启用

下一篇：AngularMatTable在数据数组更改时不重新渲染表格。

AngularMatTable在进行PUT操作时没有更新。

相关内容

热门资讯