Umgang mit Seiten- oder Registerkartenänderungen in Angualajs

Question

Wie Sie Änderungen an nicht gespeicherten Seiten erkennen, überprüfen Sie beim Verschieben einer anderen Seite oder Registerkarte in angularjs 1.5-Anwendung. Einer der Ansätze ist die Verwendung von Direktiven, aber wie man verwandtes Formular mit dem Namen an die Direktive weitergibt, anstatt eine hartcodierte Lösung zu verwenden?

Ich habe versucht, den Service-Ansatz wie unten erwähnt, aber meine verschachtelte Ansicht Controller ist nicht in der Lage, den Formularnamen zugreifen. Ich bekomme $ scope.myForm als undefiniert.

Answer 1

Das Modul ist für mich unten scheinen https://github.com/facultymatt/angular-unsavedChanges

Answer 2

Sie können Seitenwechsel mit der Veranstaltung $locationChangeStart für ng-Route oder $stateChangeStart für ui-Router (Sie wollen innerhalb führen die Logik) Griff:

$scope.$on('$locationChangeStart', function(event) { 
    if ($scope.myForm.$invalid) { 
     event.preventDefault(); 
    } 
}); 

Um Tab ändern etc, können Sie Ihre Registerkarte deaktivieren mit so etwas wie oder watever Ansatz, den Sie bevorzugen

ng-disabled="!myForm.$valid" 

EDIT

Sie können an diesem Beitrag aussehen Service/Fabrik Ansatz zu verwenden: https://stackoverflow.com/a/25459689/5138917