在 Angular 响应式表单中，<select> 的 selected 属性对 formControlName 无效；必须通过 FormControl 初始化值或调用 setValue() 显式设置，默认值需与 [ngValue] 绑定的数据类型严格一致。
在 angular 响应式表单中，`
Angular 响应式表单（Reactive Forms）中，<select> 元素的原生 selected 属性不会影响 FormControl 的初始状态，因为表单控件完全由 TypeScript 中的 FormControl 实例驱动。你当前 HTML 中 <option selected disabled value="">Выберите ед. измерения</option> 虽然视觉上“被选中”，但该选项的 value=""（空字符串）与 unit_measurement 控件的初始值 undefined 不匹配，且其 disabled 状态导致它无法被表单合法选中——更重要的是，该选项使用了空 value，而你的其他选项使用的是 [ngValue]="um"（绑定对象），类型不一致，造成值比对失败。
✅ 正确做法是：让 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 中需移除 <option disabled selected> 的干扰项，并确保首项能被正常选中：
<select formControlName="unit_measurement" name="unit_measurement" id="unit_measurement">
<!-- 移除 disabled+selected 的占位项，或将其改为可选且值匹配 -->
<option value="" *ngIf="!addForm.get('unit_measurement')?.value">Выберите ед. измерения</option>
<option *ngFor="let um of unitMeasurements" [ngValue]="um">{{ um.value }}</option>
</select>⚠️ 注意：若保留占位项（如“请选择”），其 value="" 必须对应一个 ngValue 为 null 或 undefined 的选项，否则 FormControl 无法匹配。更稳妥的做法是：用 [ngValue]="null" 显式绑定占位项，并将初始值设为 null：
<option [ngValue]="null">Выберите ед. измерения</option>
<option *ngFor="let um of unitMeasurements" [ngValue]="um">{{ 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 响应式表单中下拉框默认选中失效的问题——核心口诀：值驱动视图，而非视图驱动值。
