Event.preventDefault() nicht für routeChangeStart in AngularJS App arbeitet

Question

Hoffnung irgendwelche AngularJS Gurus mich mit this.Here helfen kann, meine AngularJS Code ist

$scope.$on('$routeChangeStart', function(event, next, current) { 
       if ($scope.myForm.$dirty) { 
        if(!confirm("Unsaved, do u want to continue?")) { 
         event.preventDefault(); 
        } 
       } 
      }); 

Es Browser zurück Klicktaste warnt, wenn Daten verschmutzt ist, aber abbrechen oder oK auf Klick vervollständigt es immer noch die Strecke change.Seems wie event.preventDefault() funktioniert nicht. Kann zeigt jemand, was

Answer 1

Nach dem AngularJS falsch sein kann docs (bei $ Sendung sehen) Sie können einfach nicht ein Ereignis vom Typ Sendung abbrechen ($routeChangeStart dieser Art ist):

die Veranstaltung Lebenszyklus beginnt mit dem Rahmen, auf dem $ Sendung war genannt. Alle Zuhörer für Name Ereignis wartet auf diesen Bereich Benachrichtigung. Danach breitet sich das Ereignis an alle direkten und indirekten Bereiche des aktuellen Bereichs und fordert alle registrierten Listener entlang die Art und Weise. Das Ereignis kann nicht abgebrochen werden.

Answer 2

Ich hatte viel Mühe diese einen zu finden, aber anstelle der „$ routeChangeStart“ Ereignis, können Sie auf die „$ locationChangeStart“ Ereignis hören, für die Sie Standard verhindern können:

$scope.$on("$locationChangeStart", function(event, next, current) { 
    if (!confirm("You have unsaved changes, continue navigating to " + next + " ?")) { 
     event.preventDefault(); 
    } 
}); 

Sie können auch verhindern, dass immer standardmäßig speichern „next“ und eine saubere JS modal anzeigen und asynchron entscheiden.

$ locationChangeStart ist derzeit nicht dokumentiert, aber hier verwiesen: https://github.com/angular/angular.js/issues/2109

Answer 3

Dieses Problem wurde in den neuesten Versionen behoben wurde (> = 1.3.8).

Da die Argumente zu $ ​​routeChangeStart geliefert detaillierter sind (und oft nützliche), wenn möglich, versuchen Sie, abgewinkelte Ausführung zu aktualisieren ...

Answer 4

genau behoben nach Angular 1.3.7 https://code.angularjs.org/1.3.7/docs/api/ngRoute/service/ $ route

$ routeChangeStart vor einer Routenänderung übertragen. An diesem Punkt beginnen die Routendienste damit, alle Abhängigkeiten aufzulösen, die für das Auftreten der Routenänderung erforderlich sind. In der Regel werden dabei sowohl die Ansichtsvorlage als auch Abhängigkeiten abgerufen, die in der Eigenschaft "Route auflösen" definiert sind. Sobald alle Abhängigkeiten aufgelöst sind, wird $ routeChangeSuccess ausgelöst.

Die Routenänderung (und die $ location change, die sie ausgelöst hat) kann durch Aufrufen der preventDefault-Methode des Ereignisses verhindert werden. Weitere Informationen zum Ereignisobjekt finden Sie in $ rootScope.Scope.

Answer 5

Das Problem kann fortbestehen, wenn Sie eine $stateProvider verwenden. In diesem Fall Gebrauch:

$scope.$on('$stateChangeStart', function(event){ 
 
    ..... 
 
    event.preventDefault(); 
 
});