检测是否以Angular格式(非反应性)更改了数据 [英] Detect if data in an Angular form (not reactive) was changed

问题描述

我具有Angular形式(非反应性)，数据绑定在ngModel中:

I have Angular form (not reactive), with data binded in ngModel:

 <form #form="ngForm">
  <input [(ngModel)]="user.name">
  <input [(ngModel)]="user.color">

  <button type="submit">Save</button>
 </form>

如果绑定数据未更改，如何禁用提交按钮?

How can i disable submit button if binded data has not been changed?

推荐答案

执行此操作，检查是否有脏标志，该标志告诉表单是否脏

do this , check for dirty flag, which tells form dirty or not

 <button type="submit"  [disabled]="!form.dirty">Save</button>

如果更改其中的某些值，

窗体将变脏.

form becomes dirty if you change some value in it.

在此处查看详细信息: https://angular.io/guide/forms

Check here for detail : https://angular.io/guide/forms

这篇关于检测是否以Angular格式(非反应性)更改了数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！