angular2+ 项目中 tab 页关闭时触发 http 请求

  需求中有个画面打开和结束时,触发脚本的功能

  画面打开比较好搞,直接 ngOnInit ,获取完画面的脚本配置,直接调用脚本执行即可。

  画面退出的触发倒是想了一下,分为2种情况:

  1、预览画面退出:这个是基于编辑器中的预览画面,退出时主项目还在,所以直接用  ngOnDestroy 就能直接听到

 

  2、直接关闭浏览器 tab 页:这个就有点麻烦,angular 无法直接监听,需要监听  window.onbeforeunload   方法,我这里写在了  ngAfterViewInit  中

 

  结果是显而易见的,连请求都没发出来 tab 页就关闭了。

  目前想到通过延时来使之发出请求执行脚本数据(结果不重要),发出请求就好

 

  这时可以看到,延时结束后,请求已经发出

 

 

   先记录下,留待更好方式

posted @ 2022-11-04 11:18  名字不好起啊  阅读(73)  评论(0编辑  收藏  举报