在 angular 11 响应式表单中，使用 `formcontrolname` 的 radio 按钮无法通过 `formgroup` 初始化值自动选中，根本原因在于未正确绑定 `value` 类型与控件初始值的语义一致性。
Radio 按钮在 Angular 响应式表单中实现默认选中，不能仅依赖 formControlName 和 FormGroup 的初始值设置（如 isTaxPaid: false），还必须确保 HTML 中每个 <input type="radio"> 的 [value] 属性与 FormControl 当前值严格匹配其运行时类型和值。
在你的代码中：
<input formControlName="isTaxPaid" type="radio" [value]="true" /> <!-- 绑定字符串 "true"？还是布尔 true？ --> <input formControlName="isTaxPaid" type="radio" [value]="false" />
看似逻辑清晰，但 Angular 表单底层会将 [value] 的绑定结果（即 true/false 布尔字面量）序列化为字符串 "true" / "false" 进行比对（尤其在模板编译或变更检测阶段），而 FormControl 初始值 false 是布尔类型 —— 类型不一致导致匹配失败，因此“No”未被选中。
✅ 正确做法：统一使用字符串值并显式初始化：
// TypeScript - 使用字符串 'true'/'false' 保持类型一致
this.form = this.fb.group({
isTaxPaid: ['false'] // 注意：用字符串，且包裹在数组中（支持 validators 可选）
});<!-- HTML - value 必须为字符串字面量 --> <label class="ari-control ari-control-radio ari-control-inline"> <input formControlName="isTaxPaid" type="radio" value="true" /> Yes <div class="ari-control-indicator"></div> </label> <label class="ari-control ari-control-radio ari-control-inline"> <input formControlName="isTaxPaid" type="radio" value="false" /> No <div class="ari-control-indicator"></div> </label>
⚠️ 注意事项：
- ❌ 避免使用 [value]="true"（带方括号）——这会触发表达式求值，可能引入类型转换歧义；
- ✅ 使用 value="true"（纯字符串属性）更安全、可预测；
- 若需保留布尔逻辑，可在提交前转换：form.get('isTaxPaid')?.value === 'true'；
- 不推荐混合使用 [(ngModel)] 与 formControlName，会导致表单控制权冲突；
- 确保 #taxPaidTemplate 已被正确嵌入到包含 formGroup 指令的父容器中，否则 formControlName 将无效。
? 扩展建议：如需动态控制，默认选中也可通过 patchValue() 或 setValue() 在 ngAfterViewInit 中显式触发（但应优先保证初始化一致性）：
ngAfterViewInit() {
this.form.patchValue({ isTaxPaid: 'false' });
}总结：Angular radio 默认选中失效，90% 源于 value 属性类型（字符串 vs 布尔）与 FormControl 初始值不匹配。坚持「HTML 中 value 用字符串，TS 中初始值也用对应字符串」，即可稳定生效。
