問題タブ [angular10]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
3943 参照

javascript - Angular: ブラウザ ウィンドウを閉じる前にマテリアル ポップアップを表示する

ユーザーが Chrome ウィンドウの [閉じる] ボタン (右上) を押したときに、Angular Material ダイアログ ボックス (ポップアップ ウィンドウ) を表示しようとしています。ダイアログモーダルは、ユーザーが変更を保存したい場合、またはキャンセルしたい場合、ユーザーにプロンプ​​トを表示する必要があります。

ただし、モーダルは一瞬しか表示されず、ユーザーを待たずに閉じます。以下のコード参照を使用します。どうすれば修正できますか?

ユーザーがブラウザを閉じたことをどのように検出できますか?

ここに画像の説明を入力

注: ネイティブ クローム ブラウザのポップアップを表示するのではなく、カスタム ポップアップを表示します。

Angular マテリアル ダイアログ ボックス: https://material.angular.io/components/dialog