通过使用 [(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
}