Clear an Angular form upon Submission

Question

I'm trying to clear the form, but keep facing some issues. How can I clear the form on a submit?

HTML

<form id="contact" class="contact-form" ng-submit="sendMail()" novalidate ng-controller="QuoteCtrl">
<div class="message"></div>
 <div class="col-md-5 col-sm-5 col-xs-12 animated hiding" data-animation="slideInLeft">
  <div class="form-group">
    <input type="text" name="name" class="nameform form-control input-lg" placeholder="name" ng-model="message.contactName" required>
  </div>     
</div>

<div class="col-md-7 col-sm-7 col-xs-12">
    <input type="submit" class="btn btn-custom up form-button" value="Send Message">

Angular

app.controller('QuoteCtrl', ['$scope', '$interval', '$http', 
function($scope, $interval, $http) {
    $scope.message = {};
   $scope.sendMail = function () {
      $http.post('/send/sendQuote', $scope.message).
        success(function(data) {
         $scope.message = data.message;
         console.log($scope.message);
         $scope.message = {};
      });
   }
}]);

What are the main techniques to clear forms, including setPrestine()?

naresh vadlakonda · Accepted Answer · 2016-07-06 09:30:25Z

1

try it.it will work fine

$http.post('/send/sendQuote', $scope.message).
        success(function(data) {
         $scope.message = data.message;
         console.log($scope.message);
         $scope.message.contactName=null;
      });

answered Jul 6, 2016 at 9:30

naresh vadlakonda

4071 gold badge4 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

planacte Over a year ago

Sorry, it didn't work for me. Is there any other ways?

Collectives™ on Stack Overflow

Clear an Angular form upon Submission

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related