角5-反应型 [英] Angular 5 - Reactive Forms

问题描述

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

我尝试使用valueChanges()方法，但没有得到预期的结果

推荐答案

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

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 🚀🚀

这篇关于角5-反应型的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！