在使用Angular 14/+ FormBuilder时,如果要将对象作为RawValue传递给FormGroup,则需要使用fromPairs函数将其转换为键值对数组。以下是示例代码:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
import { fromPairs } from 'lodash';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit() {
const rawData = {
name: 'John',
age: 30
};
const data = fromPairs(Object.entries(rawData));
this.myForm = this.fb.group(data);
}
}
在上面的示例中,rawData是包含名称和年龄属性的原始对象。从该对象的条目中创建键值对数组,然后将其传递给Angular的FormBuilder.group函数以创建一个名为myForm的新FormGroup。