在Angular中,可以使用patchValue()
方法将表单的值初始化为一个对象,而不是一个新的数组。下面是一个示例代码:
HTML模板:
组件代码:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html'
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.myForm = this.fb.group({
name: '',
email: ''
});
}
submitForm() {
console.log(this.myForm.value);
}
}
在上面的示例中,我们使用FormBuilder
来创建一个FormGroup
对象,该对象包含一个名为name
的FormControl和一个名为email
的FormControl。在表单提交时,我们可以通过this.myForm.value
获取表单中的值。
这种方法不使用新数组来填充反应式表单,而是使用对象初始化表单的值。