在使用对象作为[ngValue]和[(ngModel)]时预选一个选项的解决方法如下:
首先,确保导入了FormsModule和ReactiveFormsModule:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
然后,在你的组件中定义一个对象数组,用于存储选项列表。每个选项对象应该有一个唯一的标识符和一个显示的标签:
options = [
{ id: 1, label: 'Option 1' },
{ id: 2, label: 'Option 2' },
{ id: 3, label: 'Option 3' }
];
接下来,在你的模板中使用ngFor指令来渲染选项列表,并使用[ngValue]绑定选项对象到下拉框的值:
在组件中定义一个属性selectedOption来存储选中的选项。你可以在组件的构造函数中初始化selectedOption,或者在ngOnInit生命周期钩子函数中进行初始化。
selectedOption: any; // 定义选中的选项
constructor() {
// 初始化选择第一个选项
this.selectedOption = this.options[0];
}
这样,当你打开下拉框时,第一个选项将会预选。
希望以上解决方法对你有帮助!