ngFor 从 firebase 检测答案

【问题标题】：ngFor detection from firebaesngFor 从 firebase 检测
【发布时间】：2022-01-17 07:18:36
【问题描述】：

我有一个页面聊天，与用户与上次消息日期聊天的不同人。

来自 firebase 的 getFunction 也可以工作，我可以在控制台中看到带有正确信息的新数组，但是在 html 页面中，我需要更改视图并返回以获得正确的信息，我有测试 changeDetection 但它不起作用,我已经测试了 ngzone.run() 它可以工作但有延迟..;

this.usersList.push({user:resulta.data(),message:resultaa.data()});

html

<ng-container *ngFor="let usr of usersList">

【问题讨论】：

【解决方案1】：

而不是推送尝试传播它；

this.usersList = [
...this.usersList,
{
user:resulta.data(),
message: resultaa.data()
}]

【讨论】：

【解决方案2】：

在数组-push后面加上这行this.changeDetectorRef.detectChanges，不行吗？

问题是，Angular 的变化检测机制不处理数组的内容变化（推/弹出）。因此，您必须手动通知 Angular 发生变化。

关于Angular-ChangeDetector的官方文档你可以阅读here

另一种方法是使用slice()，您可以在此查看stackoverflow answer 或this。

【讨论】：