Как проверить грязную или нетронутую в 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;

Я сделал ng-нетронутую проверку в Angular JS, но я не уверен, как ее реализоватьс Angular 5?

Кто-нибудь может помочь, пожалуйста?

Answer 1

Похоже, у вас есть смесь форм Reactive и Template.Я не уверен, зачем тебе нужно [(ngModel)].pristine и dirty также доступны в Angular 5+.Но вам нужно получить к нему доступ из вашей группы форм.

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

FormGroup расширяет AbstractControl.Вы можете найти больше информации о доступных свойствах здесь .