在Angular 14中,可以使用FormGroup和FormControl来处理表单控件。如果需要为不同的表单控件设置默认值,则需要在创建FormControl时将初始值作为第二个参数传递。下面是一个示例:
在组件的构造函数中创建一个FormGroup,并为其中的FormControl设置初始值:
import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'my-component',
templateUrl: './my-component.component.html'
})
export class MyComponent {
myForm = new FormGroup({
name: new FormControl('John'),
age: new FormControl(30)
});
}
在这个示例中,我们创建了一个名为“myForm”的FormGroup,其中包含两个FormControl:“name”和“age”。在创建FormControl时,我们分别将“John”和30作为初始值传递。这将为每个FormControl设置不同的默认值。
在模板中,我们可以像这样使用这些FormControl:
在这个示例中,我们将FormGroup绑定到