如何检查Angular 5模态形式的脏或原始？

Question

I am working in a form in a modal. I want to submit form only if the there are any change made to the form field. My form looks like below:

HTML

<form [formGroup]="productForm" *ngIf="productForm"
(ngSubmit)="submitUpdatedRecord(productForm.value)">

    <input
    type="text" 
    class="form-control" 
    formControlName="product_code" 
    name="product_code_clip"
    placeholder="Enter Product Code Clip"
    [(ngModel)]="editProductData.product_code" />

    <button type="submit" class="btn btn-block btn-update" [disabled]=!productForm.valid>
    UPDATE
    </button>
</form>

TS

submitUpdatedRecord(formData: NgForm) {
        console.log(formData.dirty);
        return false;

I did ng-pristine check in Angular JS but I am not sure how to implement it with Angular 5?

Can anybody please help?

Answer 1

Seems like you have a mix of Reactive and Template driven forms. I am not sure why you need [(ngModel)] . pristine and dirty are also available in Angular 5+. But you need to access it from your form group.

submitUpdatedRecord() {
   console.log(this.productForm.pristine);
}

FormGroup extends AbstractControl. You can find more information about available properties here .