How do I clear or reset data in a form in angularjs?

Question

Been finding how to clear form data with the use of angular and $setPristine Function but still no results always gives me an error saying $setPristine is not a function. Ca

Answer 1

You can remove form field value by removing value of ng-model like

Your code

var CustDetails = {
                cname: $scope.CusDetails.cname,
                comname: $scope.CusDetails.comname,
                tel: $scope.CusDetails.tel,
                email: $scope.CusDetails.email

            }; 

Replace with this

$scope.CustDetails = {
                cname: $scope.CusDetails.cname,
                comname: $scope.CusDetails.comname,
                tel: $scope.CusDetails.tel,
                email: $scope.CusDetails.email

            }; 

Your code

customerForm.$setPristine(true);

Replace with this

$scope.CustDetails={};

Answer 2

1. Use name attr instead of id. name="forName"
2. The form reference inside Controller will be $scope.formName

Answer 3

You can set the form with the code below:

$scope.customerForm.$setPristine();
$scope.customerForm.$setUntouched();
$scope.CustDetails={};

Answer 4

use:

$scope.$destroy 

as it removes all the children associated to the parent scope and will clear all the data associated with it.

Answer 5

Use

$scope.customerForm.$setPristine(true);

Give the form a name like

name= "CusDetails"

Then It will solve the problem.