AngularJSタブを変更する前にブラウザダイアログ保護を表示する方法

Question

変更を保存せずにタブを変更する前にユーザに警告するメッセージを表示する必要があります。ユーザーがタブのみを変更するため、このプロセスではブラウザのURLは変更されません。

URLが変更されないため、SetPristine、SetDirtyは私を助けません。このシステムブラウザのポップアップを手動で表示する方法はありますか？同じスペースで同じアラートを作成する方法を教えてもらえませんか（ウェブサイトの上部中央に配置されています）。

私は以下の図のような結果を得たいと考えています。

事前に感謝:)

Answer 1

何あなたが求めてする角度唯一のものではありません。あなたは純粋なjavascriptでそれを行うことができます。

お問い合わせはbeforeUnloadイベントです。ここで

がmozillaからいくつかのサンプルコードです：

window.addEventListener("beforeunload", function (e) { 
    var confirmationMessage = "\o/"; 

    e.returnValue = confirmationMessage;  // Gecko, Trident, Chrome 34+ 
    return confirmationMessage;    // Gecko, WebKit, Chrome <34 
}); 

この例では、あなたのダイアログのテキストに戻り値を設定する必要がある1つを表示するには、ダイアログボックスを防ぎ、しかし：

window.addEventListener("beforeunload", function (e) { 
    var confirmationMessage = "\o/"; 
    return "You will loose any unsaved changes, by leaving the page" 
}); 

別mozillaページはさらに詳しく説明します

これは、他のコードをイベントハンドラに配置して、またはデータ損失についてユーザに知らせるための何らかの他のダイアログが表示されます。

---

何をしたいことはタブの変更については、実際にある場合には、クリーンな方法は今reasonably well supportedあるPage Visibility APIを使用することです。何をしたい

はもっとそうのような今である：あなたの答えが、我々のシステムのための

document.addEventListener("visibilitychange", handleVisibilityChange, false);