2017-08-11 45 views
1

我的表單有10到15個字段我只想觀察使用表單構建器構建的2個字段的更改。如何在Angular 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中做同樣的更好的方法嗎?

回答

2

我不能嘗試,現在這一權利,以確認語法......但這樣的事情:

Observable.merge(this.form.get('firstName').valueChanges, 
       this.form.get('lastName').valueChanges) 
      .subscribe(data => console.log(data)); 
4

,你可以用它來檢查表單字段每場

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

謝謝拉胡爾,有沒有辦法一次看多個字段,比如名字和姓氏? – user1188867

+0

@ user1188867我想你已經通過deborah得到了你的答案,她正在合併兩個觀察對象並得到結果,但是沒有一種方法從角度 –