Angular.js programmatically setting a form field to dirty

Question

I am programmatically updating some of the fields on my form with a value and I would like to set the field state to $dirty. Doing something like:

$scope.myForm.username.$dirty = true; doesn't seem to work.

There is a method $setPristine that I can use to reset the state of the field but there isn't a $setDirty method?

So how does one go about doing this?

I saw this post https://groups.google.com/forum/#!topic/angular/NQKGAFlsln4 but I can't seem to find the $setDirty method. I am using Angular version 1.1.5.

Answer 1

In your case, $scope.myForm.username.$setViewValue($scope.myForm.username.$viewValue); does the trick - it makes both the form and the field dirty, and appends appropriate CSS classes.

Just to be honest, I found this solution in new post in the topic from the link from your question. It worked perfectly for me, so I am putting this here as a standalone answer to make it easier to be found.

EDIT:

Above solution works best for Angular version up to 1.3.3. Starting with 1.3.4 you should use newly exposed API method $setDirty() from ngModel.NgModelController.