angular - 如何在 Angular 2 中以长格式观察几个字段的变化

Question

我的表单有 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 中是否有更好的方法来做同样的事情？

Answer 1

我现在不能尝试这个来确认语法......但是像这样：

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

Answer 2

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

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