Как выполнить функцию только при нажатии перезагрузки, чтобы не отменять событие до загрузки в angular 2+?

Question

Я реализовал сохранение изменений при обновлении / закрытии как:

@HostListener('window:beforeunload', ['$event'])
  beforeunloadHandler(event) {
    //save the form to local storage
    event.returnValue = false;
    }

Работает нормально, но сохранение происходит при нажатии перезагрузки / отмены.

Есть ли способ провести различие между перезагрузкой и отменой клика?

Пример здесь !отображает вышеупомянутое предупреждение при каждом обновлении страницы, а также при переходе назад с помощью кнопки возврата браузера, но то же самое работает только для меня одно время обновления и закрытия браузера.

Я что-то здесь упускаю или chrome / firefoxограничил это событие onbeforeunload обновлением и закрытием?

Спасибо.