Angular 5 - react 形式

Question

我正在处理响应式(Reactive)表单，但无法从 UI 获取已更改或更新的具体表单控件，而不是获取整个表单。我尝试使用 valueChanges() 但它返回完整的表单本身，而不是给我特定的更改表单控件。

我尝试使用 valueChanges() 方法，但没有得到我所期望的

Answer 1

您可以订阅特定的表单控件，而不是整个表单这样

this.form.get('userName').valueChanges(value=> console.log('name change',value))

您可以像这样动态管理订阅表单控件

this.form = fb.group({
  name: [],
  age: [],
  address: [],
});

Object.keys(this.form.controls).forEach(key  => {
  this.form.get(key).valueChanges.subscribe(value =>{
    console.log(`control ${key} has change =>` ,value)
  })
});

stackblitz demo 🚀🚀