如何以Angular 5模式形式检查脏污或原始状态？

Question

我正在以模态形式工作。我只想在表单字段进行任何更改时提交表单。我的表单如下所示：

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;

我在Angular JS中进行了ng-pristine检查，但是我不确定如何在Angular 5中实现它？

有人可以帮忙吗？

Answer 1

似乎您混合了反应式和模板驱动形式。我不确定您为什么需要[(ngModel)]。 pristine和dirty在Angular 5+中也可用。但是您需要从表单组访问它。

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

FormGroup扩展了AbstractControl。您可以找到有关可用属性here的更多信息。