Angular报错NG01203:表单控件isRestored无值访问器,单选按钮无法选择
解决Angular Material单选按钮NG01203错误及选中失效问题
问题原因
报错ERROR Error: NG01203: No value accessor for form control name: 'isRestored'和单选按钮无法选中的问题,源于两个关键错误:
- 表单控件绑定位置错误:Angular Material的单选按钮组(
mat-radio-group)才是承载formControlName的容器,单个mat-radio-button不需要也不能绑定该属性。 - 冗余容器嵌套:
mat-radio-group无需放在mat-form-field内,这种嵌套会破坏控件的正常交互逻辑。
修正后的代码
<mat-radio-group aria-label="Select an option" formControlName="isRestored"> <mat-radio-button value="1">Option 1</mat-radio-button> <mat-radio-button value="2">Option 2</mat-radio-button> </mat-radio-group>
修正说明
- 把
formControlName="isRestored"移动到mat-radio-group标签上,让整个单选组作为一个表单控件,统一管理选中值的双向绑定。 - 移除多余的
mat-form-field容器,mat-radio-group本身是独立的表单控件,无需额外包裹。 - 清理了原代码中格式错误的
**strong text**标记(若需强调文本,可改用<strong>Option 1</strong>)。
内容的提问来源于stack exchange,提问作者Việt Thịnh Bùi
相关产品推荐
相关产品推荐

