如何在 Angular 2 中观察少数字段的长形式变化



我的表单有 10 到 15 个字段,我只想观察使用表单生成器构建的 2 个字段的变化。

目前,我可以使用以下代码查看表单中的所有字段:

export class App {
constructor(private formBuilder: FormBuilder) {
this.form = formBuilder.group({
firstName: 'John',
lastName: 'Fleming',
Name: 'John Fleming',
Address : '12331 wiley post',
city: '',
state:'',
...... so on    
})
this.form.valueChanges.subscribe(data => {
console.log('Form changes', data)
this.output = data
})
}
}

我不想监视所有字段,我现在在这些字段上使用(keyup(事件来处理它。但是我想知道在 angular2 中是否有更好的方法来做同样的事情?

我现在无法尝试这样做来确认语法......但像这样:

import { merge } from 'rxjs';    
merge(
this.form.get('firstName').valueChanges,
this.form.get('lastName').valueChanges
)
.subscribe(data => console.log(data));

您可以使用它来检查每个字段的表单字段

this.form.get('firstName').valueChanges.subscribe(data => console.log(data)); 

最新更新