Angular & HTML / check if element is dirty

Question

I have the following code in my HTML page:

<input type="text" name="dns" class="form-control ng-valid" ng-model="conf['dns']" ng-list="">

When I type something in the text field, its changed to:

<input type="text" name="dns" class="form-control ng-valid ng-dirty" ng-model="conf['dns']" ng-list="">

I wish to check if the field its dirty, and do some acts if so. I have the following:

Controller.controller('CuController',
    function($scope, $location, $modal, Controller) {
    console.log($scope.conf['dns']) //prints the value of this field
    // Wish to check if $scope.conf['dns'] is dirty
})

I try to use $scope.conf[dns].$dirty, but it returns undefined.

How can I check if the field is dirty (Meaning that the value of the field was changed)?

@RajaprabhuAravindasamy: A field that it's value was changed — MIDE11
– MIDE11, Commented Mar 8, 2016 at 15:23
You can use $watch to see every time a value of an Angular variable is changed. — AleOtero93
– AleOtero93, Commented Mar 8, 2016 at 15:25

Charles · Accepted Answer · 2016-03-08 15:25:18Z

5

$dirty is a parameter of the input of your form, try $scope.yourForm.dns.$dirty

answered Mar 8, 2016 at 15:25

Charles

1801 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MIDE11 Over a year ago

It seems that it doesnt know the form structure: TypeError: Cannot read property 'dns' of undefined

inorganik · Accepted Answer · 2016-03-08 15:25:22Z

4

You can access form properties through the form name like so:

$scope.myForm.dns.$dirty; // boolean

answered Mar 8, 2016 at 15:25

inorganik

25.7k18 gold badges96 silver badges126 bronze badges

1 Comment

MIDE11 Over a year ago

It seems that it doesnt know the form structure: TypeError: Cannot read property 'dns' of undefined

Collectives™ on Stack Overflow

Angular & HTML / check if element is dirty

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related