如何使用onbefore在角

Question

卸載事件我有兩條路線的員工名單和家庭screen.In員工名單路線我有一個用來添加新僱員將展示在dialog.Without保存該組件的組件的變化，如果用戶點擊瀏覽器的後退按鈕，我需要確認從用戶。 我試圖用onbeforeunload事件

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

但問題是，當我打開對話框，點擊瀏覽器的後退，當我重新加載頁面則顯示確認button.It只調用該事件不會被調用。 我想達到什麼是我想告訴我的確認對話框，用戶當用戶點擊瀏覽器的後退button.Can有人請告訴我如何才能做到這一點？

Answer 1

嘗試像這樣在你的component.ts下列文件：

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

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