I use the .ng-valid .ng-invalid classes on the inputs, the data is updated without reloading the page, so when the fields are cleared, respectively, the class invalid remains, how to remove it?

Here before and after submitting the form

Code example:

$scope.register = function () { $http.post('/addData', angular.toJson($scope.user)).success(function () { loadData(); $scope.user = {}; }); };

$ scope.user = {}; deletes data from the form

Here is the jade code:

 input#firstName(name='first_name' type='text' ng-model='user.first_name' required) input#lastName(name='last_name' type='text' ng-model='user.last_name' required) input#phone(name='phone' type='tel' ng-model='user.phone' required) input#male(name='male' value='male' type='radio' ng-model='user.gender' ng-required="!user.gender") input#female(name='female' value='female' type='radio' ng-model='user.gender' ng-required="!user.gender") input#age(name='age' type='number' ng-model='user.age' required)

    1 answer 1

    Everything turned out to be simple:

     $scope.tableForm.$setPristine(); $scope.tableForm.$setUntouched();

    You just had to call these methods!