angular - 为什么更改模型后 ngFor 中的模型没有更新？

Question

我有一处特性:

public rows: any[];

然后我在构造函数中填充这个数组:

this.rows.push({"id": 1, "subject": "Subject", "scope": "Learn basics", "hours": 2});

在模板中，我迭代数组，如下所示:

<tr *ngFor="let p of rows; let i = index;">

所以，如果我从数组中删除元素:

this.rows.splice(this.rows.length - 1, 1);

它不会改变模型，我看到数组中的一行与以前一样。

Answer 1

如果仅更改了数组的内容，Angular 不会将其识别为已更改。要让它知道数组已更改，只需在删除元素后重新分配数组对象，它就会在 DOM 上更新:

this.rows.splice(this.rows.length - 1, 1);
this.rows = [...this.rows];