How to check an ngModel input field is dirty?

Question

I have this HTML template:

<input type="text"
  ngModel
  #myValue="ngModel"
  name="{{ fieldName }}"
  id="{{ fieldName }}"
  value="{{ myVal }}"
  class="form-control"
  (change)="checkDirty(myValue)">

How do I check this field is dirty in my.component.ts file?

Now I have only this basic code in my.component.ts file:

export class UriFieldComponent implements OnInit {
    constructor() { }

    ngOnInit() { }

    checkDirty(value) {
        // in here I need to check is dirty or not
    }
}

score 2 · Accepted Answer · answered Jan 02 '19 at 14:41

NgModel class has an dirty property in it. This mean you can do:

checkDirty(value) {
    if (value.dirty) {
      ...
    }
}

But, the way you use it is incorrect, if you check the dirty property on input change it is obvious that the input is dirty!. In other words, if you're getting to your checkDirty function the input is always dirty.

How to check an ngModel input field is dirty?

1 Answers1

Linked