可以使用FormControl或 ngModel来处理表单控件。在组件中初始化表单控件的值并将其绑定到模板,从而实现预填值。例如:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
template: `
`
})
export class MyFormComponent {
// 初始化FormControl
mySelect = new FormControl('2');
}
在这个示例中,FormControl初始化为'2'
,这将设置下拉列表的默认值为'选项2”。
使用NgModel时,可以在模板中使用[(ngModel)]指令,如下所示:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-form',
template: `
`
})
export class MyFormComponent {
// 将选定值初始化为'2”
selectedValue = '2';
}
在这个示例中,使用ngModel将selectedValue与下拉列表绑定在一起。在组件中将selectedValue设置为'2”将设置下拉列表的预填值为'选项2”。