使用Firestore限制项目时出错

Question

当我使用Firestore时,我会执行以下操作:

• 我查询具有限制的项目列表.
• 我从该列表中删除了一个项目,然后删除了另一个项目.
• 其余项目开始消失(它们不会被删除,它们只是没有显示给登录的用户).
• 如果我清除缓存/ cookie或使用隐身窗口,则会再次显示项目消失,但如果我再次删除其他项目,它们也会开始消失.

我创建了一个Stackblitz重现错误:https://stackblitz.com/edit/angular-yhbuma

要重现应用,您只需在app.module.ts中填写Firebase配置:

只需点击添加项目即可开始添加项目,直到您拥有足够多的"页面".然后单击DELETE,在一个,然后在另一个...

Answer 1

Initem.service函数getItems返回一个 Observable，所以当你调用getItems()home 组件时，你不会取消之前的订阅。这会导致这种情况：当您调用此方法 3 次时，您会为此观看 3 次，这可能会导致错误。尝试添加一些订阅处理程序并在调用下一个https://stackblitz.com/edit/angular-ldvhff时取消订阅上一个