如何清除angular.js中的html表单？

Question

I have an add product form. When user submits it, I want to present him new add product form with reset values. How can I achieve this is angularjs?

Answer 1

Something like this.

HTML:

<form ng-submit="submit()">
  <input type="text" ng-model="product.name">
  <input type="submit" value="Submit">
</form>

Controller:

$scope.product = {
  name: 'My product'
};

$scope.submit = function() {
  // process the product data

  // Reset the product on the scope
  // which clears the form
  $scope.product = {};
}