In AngularJS, what’s the difference between ng-pristine and ng-dirty?

The ng-dirty class tells you that the form has been modified by the user, whereas the ng-pristine class tells you that the form has not been modified by the user. So ng-dirty and ng-pristine are two sides of the same story.

The classes are set on any field, while the form has two properties, $dirty and $pristine.

You can use the $scope.form.$setPristine() function to reset a form to pristine state (please note that this is an AngularJS 1.1.x feature).

If you want a $scope.form.$setPristine()-ish behavior even in 1.0.x branch of AngularJS, you need to roll your own solution (some pretty good ones can be found here). Basically, this means iterating over all form fields and setting their $dirty flag to false.

Hope this helps.

Related Posts:

  1. typeerror cannot read property ‘data’ of undefined
  2. nodemon app crashed – waiting for file changes before starting
  3. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  4. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  5. How to format date in angularjs
  6. Angular-ui-router: ui-sref-active and nested states
  7. Unable to resolve dependency tree error when installing npm packages
  8. Understanding STATE in angularJS
  9. What is .$on() in AngularJS
  10. Significance of ng-repeat-start vs ng-repeat
  11. File Upload using AngularJS
  12. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  13. AngularJS BootstrapUI Typeahead with object & selection functionality
  14. angular.service vs angular.factory
  15. How do I store data in local storage using Angularjs?
  16. What is .$on() in AngularJS
  17. `ui-router` $stateParams vs. $state.params
  18. Simple Popup by using Angular JS
  19. $apply already in progress error
  20. Why do i have to call $scope.$digest() here?
  21. ng-repeat :filter by single field
  22. What is deep linking in AngularJS?
  23. Difference between onLoad and ng-init in angular
  24. How do I fix the npm UNMET PEER DEPENDENCY warning?
  25. Submit form on pressing Enter with AngularJS
  26. How to $state.go()
  27. AngularJS ng-disabled directive with expression is not working
  28. With ng-bind-html-unsafe removed, how do I inject HTML?
  29. How to filter a select with ng-options in Angular?
  30. What is the use of angular ui-mask?
  31. Response for preflight has invalid HTTP status code 403 on angular post request
  32. How to achieve pagination/table layout with Angular.js?
  33. Angular js is front end or backend?
  34. AngularJS Folder Structure
  35. Bare minimum code for AngularJS Carousel
  36. AngularJS $watch vs $watchCollection: which is better for performance?
  37. Angular.js: How does $eval work and why is it different from vanilla eval?
  38. angular.element vs document.getElementById or jQuery selector with spin (busy) control
  39. Angularjs ng-view does not work
  40. getting the ng-object selected with ng-change
  41. AngularJS For Loop with Numbers & Ranges
  42. Why is .then not a function?
  43. How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?
  44. AngularJS Modal Popup
  45. Why do we use $rootScope.$broadcast in AngularJS?
  46. how to use ng-option to set default value of select element
  47. What does ngInject do in the following piece of code?
  48. AngularJS: how to implement a simple file upload with multipart form?
  49. How to get all place details from a Place Details Request using Google Places API Web Service?
  50. AngularJS vs Angular [closed]
  51. SyntaxError: Unexpected token o in JSON at position 1
  52. SyntaxError: Unexpected token o in JSON at position 1
  53. SyntaxError: Unexpected token o in JSON at position 1
  54. SyntaxError: Unexpected token o in JSON at position 1
  55. AngularJS- Login and Authentication in each route and controller
  56. TypeError: Cannot read property ‘then’ of undefined
  57. How to Create simple drag and Drop in angularjs
  58. Working with $scope.$emit and $scope.$on
  59. In angularjs we are having ng-disabled directive, why ng-enabled directive is not provided by the framework as we are having ng-show and ng-hide
  60. Regular expression : match either of two conditions?
  61. SyntaxError: Unexpected token o in JSON at position 1
  62. AngularJS : Factory and Service?
  63. AngularJS ngClass conditional
  64. Give a value to an ng-model=”searchText” input based on list item clicked in Angular JS
  65. TypeError: Cannot read property ‘get’ of undefined on AngularJS
  66. Blocked script execution in because the document’s frame is sandboxed – Angular application
  67. Angular JS Uncaught Error: [$injector:modulerr]
  68. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  69. Using $setValidity inside a Controller
  70. How can I group data with an Angular filter?
  71. Failed to load resource: the server responded with a status of 401 (Unauthorized) /App/AngularJS/angular.min.js
  72. Definition of ui-sref in Angular.js?
  73. Angular: Cannot find a differ supporting object ‘[object Object]’
  74. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  75. Disable Chrome strict MIME type checking
  76. Angularjs: Error: [ng:areq] Argument ‘HomeController’ is not a function, got undefined
  77. Show spinner GIF during an $http request in AngularJS?
  78. SyntaxError: expected expression, got ‘<'
  79. Understanding the ngRepeat ‘track by’ expression
  80. How to pass parameters using ui-sref in ui-router to controller
  81. What does ngf-select do and why is it needed for form validation?
  82. Is Angularjs Clientside or Serverside or Both
  83. How to connect signalR from angularJs
  84. How does Angular $q.when work?
  85. Array Mapping in AngularJs
  86. AngularJS errors: Blocked loading resource from url not allowed by $sceDelegate policy
  87. How to use if-else condition with [ngClass] in angular 7?
  88. How do you serve a file for download with AngularJS or Javascript?
  89. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  90. How to redirect to another page using AngularJS?
  91. How npm start runs a server on port 8000
  92. Why is this simple AngularJS ng-show not working?
  93. How do I bind to list of checkbox values with AngularJS?
  94. parsing JSONP $http.jsonp() response in angular.js
  95. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  96. What is the cause for “angular is not defined”
  97. $http.get(…).success is not a function
  98. Unexpected token < in first line of HTML
  99. ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
  100. if else statement in AngularJS templates

Leave a Comment