在angular2反应形式中更改表单字段值时启用提交/保存按钮

Question

我在角度使用反应形式，表格中有4个字段。我为表单的每个字段设置了一些初始值，并禁用了提交按钮。我想只在任何表单字段值从初始值更改时启用提交/保存按钮。怎么做到这一点？

Answer 1

感谢您的回复。 找到了以下方法：

已将初始表单值保存在对象中，并将其与表单值更改后捕获的对象值进行比较，使用 JSON.stringify（obj1）=== JSON.stringify（obj2）

Answer 2

<button class="btn btn-primary" type="button" (click)="save()" [disabled]="!form.dirty" >Save</button>

其中form是在组件内定义的FormGroup属性。

Answer 3

如果您使用角度反应形式，则可以使用以下代码段

<form [formGroup]="heroForm">
  ....
  <button [disabled]="heroForm.pristine">Submit</button>
</form>

有关formGroup api https://angular.io/api/forms/FormGroup

的详细信息