每次更改路线时都从 firebase 重新加载项目

Question

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

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

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

谢谢你:)

Answer 1

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