Javascript 在文件中添加记录后追加HTML

我有一个Angular（v7）项目，组件上有一个注释列表，如下所示。我在*ngFor循环中列出注释，并向列表中添加新注释。但是，我在添加新注释后重新加载列表，我认为有一种更好的方法，即通过将新添加的注释与我以前在JavaScript中使用过的HTML相结合来添加注释。但不幸的是，我没有成功地定义它（可能是由于循环）。有可能吗

#评论列表.html:

我想我应该使用新添加的注释数据重新创建一个HTML列表，并将其附加到列表中，但是如何创建呢

您可以使用。假设您已经定义了

newComment

对象。要更新视图中的列表，只需执行以下操作：

this.comments = [newComment, ...this.comments];

---

它将在列表的第一个位置插入

newComment

对象。

this.comments.push（myNewComment）

或

this.records.push（myNewComment）

。。。wala@IsaacVidrine非常感谢，它似乎是好的，但我只是需要一些修改的范围之外。问候…非常感谢，但推送法似乎更容易应用。投票通过；）@威利斯：我不推荐使用推送法。使用spread操作符比push更安全，基本上您可以创建新的注释数组，而无需修改旧的注释one@NgôHùngPhúc这也可以通过

unshift

轻松完成，您不需要排列运算符

listComments() {
    this.loading = true;
    service.listComments(this)
        .subscribe(data => {
            this.records = data.Data;
            this.loading = false;
        });
}

this.comments = [newComment, ...this.comments];