数组中的替换元素不刷新角表

Question

我已经创建了一个HTML-表格的角度。行将像

<tr mdbTableCol *ngFor="let el of filteredElements;">
    <td align="right">{{el.totalExpenses | number : '.2-2'}}</td>

当我刷新数组filteredElements中的元素时，视图不会更新。下面是我刷新Array的代码：

this.filteredElements[this.filteredElements.findIndex(el => el.id === old.id)] = newElement;

我需要做些什么来更新表中的角值(例如，表应该显示totalExpenses的新值)。

Answer 1

JavaScript扩展算子(.)允许我们快速地将现有数组或对象的全部或部分复制到另一个数组或对象中。

this.filteredElements = [...this.filteredElements]

Answer 2

filteredElements对象是否在一个组件中更新并传递给另一个组件(具有@Input或其他东西的父级子关系)？

如果是这样的话，为了在默认情况下触发角度变化检测，需要刷新或重新填充整个数组。其他选项是手动触发更改检测或标识更改(使用OnChanges())并对更改执行