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

Question

我的表单有 10 到 15 个字段，我只想查看使用 form-builder 构建的 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

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

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

Answer 2

我现在无法尝试此操作来确认语法...但是类似这样的事情：

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

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

How to watch on few fields changes in long form in Angular 2

angular

angular4-forms