问题描述:在使用Angular Material的select组件时,选中的值无法正确显示。
解决方法:
import { MatSelectModule } from '@angular/material/select';
@NgModule({
imports: [
...
MatSelectModule,
...
],
...
})
export class AppModule { }
mat-select
组件,并绑定一个数据源和选中值的变量:
{{ option.label }}
export class MyComponent implements OnInit {
options = [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
];
selectedValue = 'option1';
ngOnInit() {
// 可以在这里根据需要初始化选中的值
}
}
ngOnInit
生命周期钩子。这样就可以在使用Angular Material的select组件时解决选中值显示问题。