$setpristine() Method In Angular 1.2.1 Doesn't Appear To Work As Intended

I have am trying to reset a textbox using the $setPristine function in AngularJS, however it doesn't seem to result in the desired behavior. My form looks like this:

Solution 1:

$setPristine does not clear values from the controls in the form:

From the docs:

Sets the form to its pristine state.

This method can be called to remove the 'ng-dirty' class and set the form to its pristine state (ng-pristine class). This method will also propagate to all the controls contained in this form.

Setting a form back to a pristine state is often useful when we want to 'reuse' a form after saving or resetting it.

As you can see from the above description, $setPristine only changes the state of the form (and thereby resets the css applied to each control in the form).

If you want to clear the values of each control, then you need to do for each in code.

This plunker shows $setPristine in action.

Share

You may like these posts

• 
  How To Prevent "are You Sure You Want To Navigate Away From This Page?" Alert On Form Submission?
• 
  How Do Identify Whether The Window Opened Is A Pop Up Or A Tab?
• 
  How Do I Display A Random Phrase From A List When A Button Is Clicked In A Web Page?
• 
  Using Window.onload In Angularjs Service