在路线的每次变化中重新加载firebase中的物品

Posted 2021-04-06

我在angular中编写了一个服务，它使用snapshotChanges从firebase获取项目并返回它们。在我的组件中，我订阅数组并存储数组中的主题。比我使用ngFor显示卡片中的数据。

每次我切换页面（没有重新加载）数据都以可见的方式重新加载，它会损害用户体验并且看起来不太好。我尝试使用take（1）但它没有用。有时它会多次显示相同的数据。

为什么会发生这种情况，我应该怎么做才能解决这个问题？

保护你 ：）

答案

您可以尝试在包装器组件中加载数据并将其传递给子项。发生这种情况是因为当组件离开并且路径发生更改时，组件（以及所有已加载的数据）将被销毁。