你能将FormBuilder控件绑定到一个对象吗?

时间:2016-11-25 09:29:48

标签: angular ionic2

通过使用 [(ngModel)] ,很容易将像 ion-input 这样的控件绑定到使用双向绑定的属性。但是,当我使用 FormBuilder 创建表单以获得验证时,我发现没有明显的方法来绑定 formBuilder.group({...})中的每个控件对象的功能。是否可以自动填充我的UserModel类实例?

userData : UserModel;
userForm : FormGroup;

constructor(public navCtrl: NavController) 
{    
  this.userData = {
    firstName: '',
    lastName: ''
  };

  this.userForm = formBuilder.group({
    firstName: [this.userData.firstName, Validators.compose([Validators.maxLength(30), Validators.required])],
    lastName: [this.userData.lastName, Validators.compose([Validators.maxLength(30), Validators.required])]
  });
}

我问的原因是我觉得这很难找到"丑陋的"为了从表单中获取数据到我以前可以使用[(ngModel)]直接绑定其属性的实际对象:

submit() {
  this.userData = {
      firstName: this.userform.get('firstName').value,
      lastName: this.userform.get('lastName').value
    };
  // send data to service
}

0 个答案:

没有答案