Wie wird die Validierung nach dem Senden von Angualr JS zurückgesetzt?

Question

ich ein Eingabefeld haben:

<input type="text" name="title" ng-model="genreData.title" class="form-control" 
     ng-class="{'error': addGenreForm.title.$invalid && !addGenreForm.title.$pristine}" 
     placeholder="Genre name" ng-minlength="minlength" required autofocus> 

Wenn ich diese Eingabe erfolgreich einreichen Form class="error" danach bekam ist:

$scope.genreData = {}; 

Wie kann ich es beheben?

Answer 1

Sie haben injizieren Sie das Formular in die ng-submit-Funktion und rufen Sie dann den integrierten Controller des Formulars auf $setPristine().

z.B.

Ausblick:

<form name="myForm" ng-submit="submitForm(myForm)"> 
    <!--Input Fields--> 
</form> 

Controller:

$scope.submitForm = function(form) { 
    //Do what ever I have to do 
    //Then reset form 
    form.$setPristine(); 
} 

Answer 2

denke ich

$scope.addGenreForm.$setPristine() and $scope.addGenreForm.$setUntouched

Einstellung arbeiten können nach der Einreichung zum Formular

Bitte teilen einige Plunker so kann ich mehr helfen, wenn Sie noch irgendwelche Fragen haben