在页面刷新角度之前调用api

Question

我想在用户使用 href 导航到 url 或重新加载当前页面之前调用 api。这是我使用的代码。

@HostListener('window:unload', ['$event'])
 unloadHandler(event) {
 console.log('window:unload');
 this.storeSessionVistorsCount();
}

storeSessionVistorsCount() {
    if (this.sessionTime > 0) {
      const body = {
        ip: this.ipAddress,
        space_id: this.spaceId,
        type: 'session',
        time: this.sessionTime
      };
      this.statisticService.getIpDetail(body).subscribe((res: any) => {
        console.log('success')
      }, err => {
        console.log(err);
      });
    }
  }

Api 被浏览器取消。谁能帮我吗 。谢谢。

Answer 1

您可以在 Angular 中调用特定生命周期钩子上的函数。因此，就像当用户使用硬链接 <a href="...">...</a> 或刷新离开应用程序时，您可以使用 onDestory() 挂钩

@Component({selector: 'my-cmp', template: `...`})
class MyComponent implements OnDestroy {
  ngOnDestroy() {
    // Make your api call
  }
}

您可以在此处获取有关官方文档中生命周期钩子的更多信息：https://angular.io/guide/lifecycle-hooks

Answer 2

您可以在组件加载之前使用路由器中的解析器来解析数据。

阅读更多：https://angular.io/api/router/Resolve