☰

Angular2にはwindow.onbeforeunloadのようなライフサイクルフックはありますか？質問する

tag-icon • tag-icon angular lifecycle
Angular2にはwindow.onbeforeunloadのようなライフサイクルフックはありますか？質問する

Angular2にはwindow.onbeforeunloadのようなライフサイクルフックはありますか？すでにグーグルで検索し、stackoverflowで検索しましたが、何も見つかりませんでした

ベストアンサー1

<div (window:beforeunload)="doSomething()"></div>

または

@Component({ 
  selector: 'xxx',
  host: {'window:beforeunload':'doSomething'}
  ..
)}

または

@Component({ 
  selector: 'xxx',
  ..
)}
class MyComponent {
  @HostListener('window:beforeunload')
  doSomething() {
  }
}

これはグローバル イベントをリッスンする方法です。戻り値が確認ダイアログのテキストとして使用されるこのイベントの特別な動作がサポートされているかどうかはわかりません。

まだ使えます

export class AppComponent {  
  constructor() {
    window.onbeforeunload = function(e) {
      return 'Dialog text here.';
    };
  }
}

ここで説明したようにhttps://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

おすすめ記事