Angular2: How change pristine of NgModel in code?

Question

When you change the field of NgModel, it automatically change model.prisitne to true.

When you submit the form, it does't change the "pristine", no question, this is not a bug.

But in my case, I show errors when "pristine" is true and when I submit the form, I need to show validation errors and I think when you submit the form, we can say that the fields in this form touched, because you can't submit the invalid form. But in Angular2 it works in different way.

So, any way to say that the form controls/fields is touched (pristine = true) in code/component?

let email:AbstractControl = this.frm.form.controls['email'];

Set email "prisitne" true.

Answer 1

email.markAsPristine();
email.markAsTouched();
email.reset();

or

this.frm.reset();

See also https://angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html

You can use this shorter method to get a control

let email:AbstractControl = this.frm.get('email']);