在 angular 11 响应式表单中，若单选按钮（``）未正确显示默认值，根本原因在于未将 `formcontrol` 的初始值与原生 `checked` 属性同步；应避免手动绑定 `[checked]` 和 `(click)`，而应统一通过 `formcontrolname` 和 `formcontrol` 管理状态。
在你提供的模板中，虽然已通过 this.fb.group({ isTaxPaid: false }) 正确初始化了 FormControl，但单选按钮仍无法默认选中“No”，其根本原因在于：Angular 响应式表单要求所有同名 formControlName 的 共享同一个 FormControl 实例，并且每个选项的 [value] 必须与 FormControl 当前值严格相等（包括类型）才能自动触发 checked 状态。
你的代码中存在两个关键问题：
- [value]="true" 和 [value]="false" 是布尔字面量，但 HTML 表单控件的 value 属性始终是字符串类型。当 FormControl 初始值为 false（布尔），而 实际渲染为 value="false"（字符串），二者类型不一致，导致匹配失败；
- 手动添加 [checked] + (click) 绕过响应式表单机制（如答案中建议）会破坏表单一致性，导致 form.value、form.status、验证、重置等行为异常，不推荐使用。
✅ 正确做法：统一使用字符串值，并确保 FormControl 初始值与之匹配：
<!-- 模板中：使用字符串 'true' / 'false' -->
<ng-template #taxPaidTemplate>
<div>
<label class="ari-label" for="isTaxPaid">Is Tax Paid</label>
<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>
</div>
</ng-template>// 组件 TS 中：初始化为字符串 'false'
this.form = this.fb.group({
isTaxPaid: ['false'] // ← 注意：用字符串，而非布尔 false
});? 验证效果：此时“No”单选按钮将自动被选中，且 this.form.get('isTaxPaid').value 返回 'false'（字符串），符合 HTML 表单规范。
? 进阶建议（保持布尔逻辑）：
若业务逻辑中更倾向使用布尔值（如后端 API 要求布尔字段），可在提交前做类型转换，或使用 valueAccessor 自定义控制值访问器。但对大多数场景，在表单层统一使用字符串值是最简洁、最符合 Angular 响应式表单设计原则的方式。
⚠️ 注意事项：
- 不要混用 formControlName 和手动 [(ngModel)] 或 [checked]；
- 所有同名 radio 按钮必须位于同一 FormGroup 下且共享 formControlName；
- 若动态生成选项，确保 value 属性为字符串，且 FormControl 初始值与之完全一致（含大小写和空格）。
这样即可确保默认选中行为稳定可靠，同时完全兼容 Angular 表单的验证、重置、禁用等全部功能。
