Angular 4/5：在导航同一页面时 api 调用增加

Question

我在我的页面中保留了 ngOnInit() 上的 api 调用。

我有页面 A 和页面 B，在页面 AI 中保留了 API getAData，在页面 BI 中保留了 API getBData。

当我在 A 和 B 之间导航然后 API 调用增加时。

例如，如果我可以在不重新加载的情况下导航 3 次，那么它会调用 API 3 次，如果是 4，那么它会调用 4 次

有没有人可以给我解决方案？

Answer 1

假设您订阅了这些调用，您需要在 ngOnDestroy 中取消订阅它们。 最简单的方法是使用 rxjs/Subscription 创建一个订阅数组，在 ngOnDestroy 中你可以像这样取消订阅：

this.subscriptions.forEach(sub => sub.unsubscribe());