在 Angular 响应式表单中， 的 selected 属性对 formControlName 无效；必须通过 FormControl 初始化值或调用 setValue() 显式设置，默认值需与 [ngValue] 绑定的数据类型严格一致。
在 angular 响应式表单中，`
Angular 响应式表单（Reactive Forms）中，
✅ 正确做法是：让 FormControl 的初始值与你期望默认选中的选项所对应的 [ngValue] 完全一致。
✅ 推荐方案：初始化时传入有效默认值
假设 unitMeasurements 是一个对象数组，例如：
unitMeasurements = [
{ id: 1, value: 'шт.' },
{ id: 2, value: 'кг' },
{ id: 3, value: 'л' }
];
你希望默认选中第一个（即 { id: 1, value: 'шт.' }），则应在创建 FormControl 时直接传入该对象：
addForm = new FormGroup({
name: new FormControl('', [Validators.required]),
quantity: new FormControl('', [Validators.required, Validators.min(0)]),
unit_cost: new FormControl('', [Validators.required, Validators.min(0)]),
unit_measurement: new FormControl(this.unitMeasurements[0], [Validators.required]) // ← 关键：传入真实对象
});
同时，HTML 中需移除
<select formcontrolname="unit_measurement" name="unit_measurement" id="unit_measurement"><!-- 移除 disabled+selected 的占位项，或将其改为可选且值匹配 --><option value="">Выберите ед. измерения</option>
<option um of unitmeasurements>{{ um.value }}</option></select>
⚠️ 注意：若保留占位项（如“请选择”），其 value="" 必须对应一个 ngValue 为 null 或 undefined 的选项，否则 FormControl 无法匹配。更稳妥的做法是：用 [ngValue]="null" 显式绑定占位项，并将初始值设为 null：
<option>Выберите ед. измерения</option><option um of unitmeasurements>{{ um.value }}</option>
unit_measurement: new FormControl(null, [Validators.required])
✅ 备选方案：在 ngOnInit() 中动态设置
若默认值需异步获取（如从服务加载后设置），可在 ngOnInit() 中调用：
ngOnInit() {
// 确保 unitMeasurements 已加载完成
if (this.unitMeasurements.length > 0) {
this.addForm.get('unit_measurement')?.setValue(this.unitMeasurements[0]);
}
}
? 提示：使用 setValue() 时务必确保传入值与 [ngValue] 类型一致（对象引用相等或深度匹配），避免因对象浅比较失败导致选中无效。
❌ 常见错误总结
- 使用 value="" 配合 [ngValue]="um" → 类型冲突，永远不匹配；
- selected + disabled 占位项无法被 FormControl 识别为有效选中值；
- 初始化 FormControl(undefined) 后未更新，表单始终处于“未选中”状态；
- setValue('шт.') 传入字符串，但 [ngValue] 绑定的是对象 → 比较失败。
✅ 最终验证建议
在模板中添加调试信息确认当前值：
<p>当前选中: {{ addForm.get('unit_measurement')?.value | json }}</p>
这样可快速定位值是否正确写入控件。
遵循以上原则，即可彻底解决 Angular 响应式表单中下拉框默认选中失效的问题——核心口诀：值驱动视图，而非视图驱动值。
