可以在使用FormGroup时,在初始化时给FormControl指定初始值,代码示例如下:
import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
})
export class AppComponent {
userForm = new FormGroup({
name: new FormControl('John'),
age: new FormControl(30),
});
}
在上面的示例中,给表单组的每个FormControl指定了一个初始值,这个初始值会覆盖模板中的占位符(placeholder)作为默认展示值。这样,即使模板中的占位符被标注为(例如)“Age”,表单组的初始值依然可以保持为“30”。