api - 取消/杀死 http api 调用 Angular 2

Question

有时 http api 调用需要很长时间来加载数据。在这种情况下，如果我们移动到另一个组件，它仍然会继续执行(我们可以在浏览器控制台中看到它)。那么，有什么方法可以在我们移动到另一个组件时取消或终止 http api 调用？

Answer 1

您可以在OnDestroy 生命周期事件中使用unsubscribe() 方法“杀死”它，假设您正在使用订阅，例如:

mySubscription: any;

ngOnInit() {
    this.mySubscription = this.myHttpCall().subscribe...
}

ngOnDestroy() {
    this.mySubscription.unsubscribe();
}