是的,Angular提供了一种方式可以从非预定义对象创建一个FormGroup。你可以使用FormControl
的构造函数来创建一个FormControl实例,并将其添加到FormGroup中。以下是一个示例代码:
import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
@Component({
selector: 'app-my-component',
template: `
`
})
export class MyComponent {
myForm: FormGroup;
constructor() {
const myObject = {
name: 'John Doe',
email: 'johndoe@example.com'
};
// 从非预定义对象创建FormGroup
this.myForm = new FormGroup({
name: new FormControl(myObject.name),
email: new FormControl(myObject.email)
});
}
}
在上述代码中,我们使用了一个名为myObject
的非预定义对象,其中包含了名为name
和email
的属性。然后,我们使用FormControl
的构造函数将这些属性值作为初始值创建了FormControl实例,并将其添加到FormGroup中。最后,我们将FormGroup绑定到模板中的form元素上,以便能够使用这些FormControl。