在Angular Material中,我们可以使用FormControl
直接将对象传递给表单控件。以下是一个示例:
首先,我们需要导入必要的模块和类:
import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
然后,我们创建一个包含表单控件的表单组:
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
form: FormGroup;
constructor() {
this.form = new FormGroup({
user: new FormControl({
name: 'John Doe',
email: 'johndoe@example.com'
})
});
}
}
在上面的代码中,我们创建了一个user
表单控件,并将一个对象作为默认值传递给它。
最后,我们在模板中使用表单控件:
在上面的代码中,我们使用formControlName
指令将表单控件与输入框关联起来。
现在,当表单加载时,输入框将被自动填充为对象的属性值。
这就是如何在Angular Material中直接将对象传递给FormControl
的解决方法。