どのようにonbeforeのアンロードイベントを使用するのですか

Question

私は従業員リストとホーム画面の2つのルートを持っています。従業員リストルートには、新しい従業員を追加するためのコンポーネントがあります。そのコンポーネントをダイアログに表示します。ユーザーがブラウザから戻るボタンをクリックすると、ユーザーからの確認が必要になります。 は私がonbeforeunloadイベント

@HostListener('window:beforeunload', ['$event']) 
    public doSomething($event) { 
     console.log('do I see this?'); 
     return false; 
    } 

を使用しようとしたしかし、問題は、私はそれが確認を示し、ページをリロードしたときにbutton.Itのみと呼ばれるバックブラウザ上でダイアログを開き、クリックしたときにイベントが呼び出されないです。 私が達成したいのは、ユーザーがブラウザの戻るボタンをクリックしたときに確認ダイアログを表示することです。これをどのように達成できるか教えてください。

Answer 1

あなたcomponent.tsファイルに次のように試してみてください。

import { Component, Input, HostListener } from '@angular/core'; 

@HostListener('window:beforeunload', ['$event']) 
beforeUnloadHander(event) { 
    return false; 
}