在Angular 2/4中刷新之前执行功能

Question

在HTML页面上，当用户点击/按F5按钮页面刷新但在刷新之前我想执行一个功能或一个简单的警报。

用户可以点击刷新按钮，按F5或Ctrl + R.

使用Angular 2/4

Answer 1

刷新页面应该触发绑定到import re r = r"([1-9]|1[012]) ?[ap]m" s = 'I have a lunch break at 5am later today.' value = re.findall(r, s, re.I) print value 的事件处理程序。 This stackblitz 显示了如何使用window:beforeunload为“Home”组件实现它。您可以通过执行 in full page mode 来测试页面刷新。

HostListener

Answer 2

您需要依赖浏览器事件。

window.onbeforeunload = (ev) => {
            this.myFunction();

            // OR

            this.yuorService.doActon().subscribe(() => {
                alert('did something before refresh');  
            });

             // OR

            alert('goin to refresh');

            // finally return the message to browser api.
            var dialogText = 'Changes that you made may not be saved.';
            ev.returnValue = dialogText;
            return dialogText;
    };