代码之家 › 专栏 › 技术社区 › Vladimir Humeniuk

如何检查表单中的值是否已从初始值更改

angular-forms angular-reactive-forms angular

Vladimir Humeniuk · 技术社区 · 5 年前

  this.userInfoForm = this.formBuilder.group({
      displayName: [this.user.displayName, [
        Validators.required,
      ]],
    })

如何检查,输入中的初始值是否改变?因为当我使用 userInfoForm.dirty 它返回true,即使我从值中删除1个符号,然后再添加回来。

0 回复 | 直到 5 年前

Prashant Pimpale Dila Gurung 5 年前

我想这样做,会用的 valueChanges() 表格控制方法 valueChanges 更新实例变量或执行操作。

intialValue: any; // Define one property to store the initial value of the control

this.intialValue = this.userInfoForm.get('displayName').value; // Store initial value

// and then subscribe to valueChanges method of FormControl to get the latest value
this.userInfoForm.get('displayName').valueChanges.subscribe(value => {
  console.log('Intital Value', this.intialValue)
  console.log('New Value', value);
})

Working Demo

Drenai 5 年前

form.value 在创建之后,使用- this.initialFormValue = JSON.stringify(this.form.value)

每当您想检查表单是否已更改时(例如在提交时),请获取当前值, JSON.stringify(this.form.value) this.initialFormValue

推荐文章

Joseph · 在Angular 4中单击Cancel(取消)时,在中卸下加载器

7 年前

hY8vVpf3tyR57Xib · 使用角度中具有禁止形式值的数组进行形式验证

7 年前

Dave Nottage · 使用Angular 4.4.6在开发模式下没有提供NgForm错误

7 年前

Ebin Manuval · ng内的ng表单重复不更新子表单$提交

7 年前

nintschger · 角度反应形式-动态设置验证器行为异常

7 年前

Antonio · ngx芯片最小文本长度

7 年前

Stefan · 设置属性。要求“条件”不检查任何内容

7 年前

Inigo · 将验证器名称的预定义配置数组传递给表单组件

7 年前

esseara · 角度验证器不工作

7 年前

sHamann · 角度2使形状无效

7 年前