如何在Angular2中通过formBuilder创建表单时访问formControl

时间:2016-12-18 17:18:18

标签: angular angular2-formbuilder

我有以下代码

ngOnInit() {

  this.contactsService.getContactByAuthId(this.user.id).subscribe(profile => {
    this.profile = profile;
    this.profileForm = this.formBuilder.group({
      name: [this.profile.name, Validators.compose([Validators.minLength(6), Validators.required])],
      title: [this.profile.title, Validators.compose([Validators.minLength(6), Validators.required])],
      });

    this.profileForm.title.valueChanges.subscribe(value => {
        console.log(value);
        });

  });
}

我想订阅valueChanges的{​​{1}},但我收到title错误。

我可以订阅Cannot read property 'valueChanges' of undefined,但我希望在标题更改时进行某种去抖和api调用。

如果您有this.profileForm.valueChanges,您似乎可以订阅它的更改,但由于我使用的是FormControl语法,因此我无法访问{{1} 1}}。

1 个答案:

答案 0 :(得分:1)

pepin.readline()