Sayfada yarım kalmış bir form varken sayfadan çıkılmak istendiğinde uyarı vermeye yarayan AngularJS directive'i

ng-incomplete-confirmation.js

/**
 * @ngdoc directive
 * @name safe.directive:incomplete-confirmation
 *
 * @element ANY
 *
 * @description
 *
 * `name` attribute'u olan bütün form elementlerinde çalışarak
 * üzerinde değişiklik yapılmış ancak kaydedilmemiş bir form olduğunda
 * sayfa yenilenmek veya başka bir sayfaya geçilmek istenirse
 * kullanıcıya devam ettiği takdirde forma girilen değerleri kaybedeceği
 * bilgisi ve vazgeçme şansı verilir.
 *
 *
 */
angular.module('sahibinden.form', [])
    .directive('incompleteConfirmation', function ($window) {
        'use strict';

        return {
            restrict: 'A',
            require: '?img',
            link: function (scope, element, attrs) {
                if (attrs.name) {
                    var confirmationMessage = 'Kaydedilmemiş değişiklikleriniz var. Buna rağmen sayfadan çıkmak istediğinize emin misiniz?';

                    $window.addEventListener('beforeunload', function (e) {
                        if (scope[attrs.name].$dirty) {
                            (e || window.event).returnValue = confirmationMessage;     //Gecko + IE
                            return confirmationMessage;                                //Webkit, Safari, Chrome etc.
                        }
                    });

                    scope.$on('$locationChangeStart', function (event) {
                        if (scope[attrs.name].$dirty) {
                            if (!confirm(confirmationMessage)) {
                                event.preventDefault();
                            }
                        }
                    });
                }
            }
        };
    });