提出後の検証をリセットする方法Angualr JS？

Question

私は1つの入力フィールドしている：私は正常にフォームを送信すると、この入力は、この後のclass="error"を

<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> 

頂けれ：

$scope.genreData = {}; 

私はそれを解決することができますか？

Answer 1

を持っている場合、私はより多くのを助けることができるように、いくつかのplunkerを共有してください。フォームをng-submit関数に挿入し、フォームのコントローラを組み込み関数$setPristine()に呼び出します。

ビュー：

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

コントローラー：

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

Answer 2

私は

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

を設定することが

フォームを提出した後に働くことができると思うあなたはまだあなたがに持っているすべての問題