在Angular中,可以使用FormControl
和MatSelect
组件来实现带有默认值的表单控件选择。
首先,你需要在组件中导入相关的模块和库:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
然后,你可以在组件类中创建一个FormControl
对象,并为其设置默认值:
@Component({
selector: 'app-my-component',
template: `
Option 1
Option 2
Option 3
`,
styles: []
})
export class MyComponent {
myControl = new FormControl('option2'); // 设置默认值为option2
}
在上述代码中,我们使用了FormControl
的构造函数来创建一个myControl
对象,并将其初始值设置为option2
。
然后,在mat-select
标签中,我们将myControl
绑定到formControl
属性上,以便将其与mat-select
组件关联起来。
最后,在mat-option
标签中,我们使用value
属性来设置每个选项的值。
这样,当组件加载时,默认选择的选项将是option2
。
请确保已经安装了相关的Angular Material库,并正确导入和配置了相关的模块。