Formularfelder können nicht nach Submit in Angular

Question

gelöscht werden Ich bin neu zu eckig. Ich habe nach dem Einreichen eine Menge Antworten auf das Löschen von Formularfeldern nachgeschlagen, aber keine scheint zu funktionieren. Hier ist mein HTML-Code:

<form name="myForm" ng-submit="formSubmit()" class="form-horizontal"> 

     <div class="form-group"> 

     <input type="text" class="form-control" ng-model="user.FullName" placeholder="Full Name" required=""/> 

     </div> 
     <div class="form-group"> 
     <input type="text" class="form-control" ng-model="user.Address" placeholder="Address" required=""/> 
     </div> 
    <button type="submit" class="btn btn-primary" style="background-color: purple;">Submit</button> 

</form> 

Hier ist meine JS-Code:

var myApp = angular.module('myApp', ['ui.router']); 
myApp.controller("RegisterCtrl", function ($window,$scope,$http) { 
    $scope.user={} 
    $scope.formSubmit=function(){ 
    $http({ 
     method:'POST', 
     url:'myurl', 
     data:$scope.user, 
     headers:{'Content-Type':'application/json'} 
    }).then(function(res){ 
      console.log(res); 
      $scope.myForm.$setPristine(); 
      $scope.myForm.$setPristine(true); 
      $scope.myForm='';  


     }) 
    } 
    }); 

ich setPristine auch versucht haben, als setUntouched aber keine Arbeit.

Answer 1

Ich sehe nicht etwas Seltsames in Ihrem Code, ich mache PLNR basierend auf Ihrem Code, die Änderungen, die ich tun, sind unten. setzen auch die plnkr sample

CONTROLLER

var myApp = angular.module('myApp', ['ui.router']); 
myApp.controller("RegisterCtrl", function ($window,$scope,$http) { 
    $scope.user={} 
    $scope.formSubmit=function(){ 
    $http({ 
     method:'POST', 
     url:'myurl', 
     data:$scope.user, 
     headers:{'Content-Type':'application/json'} 
    }).then(function(res){ 
     $scope.myForm.$setPristine(); 
     $scope.user = {}; 
     }, function(rej){ //error}); 
} 
}); 

Answer 2

Sie

var myApp = angular.module('myApp', ['ui.router']); 
myApp.controller("RegisterCtrl", function ($window,$scope,$http) { 
    $scope.user={} 
    $scope.formSubmit=function(){ 
    $http({ 
     method:'POST', 
     url:'myurl', 
     data:$scope.user, 
     headers:{'Content-Type':'application/json'} 
    }).then(function(res){ 
     $scope.$broadcast('show-errors-reset'); 
     $scope.forms.user = {}; 
     $scope.forms.userFrom.$setPristine = true; 
     }, function(rej){ //error}); 
} 
});