You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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>

修正说明

  1. 把formControlName="isRestored"移动到mat-radio-group标签上,让整个单选组作为一个表单控件,统一管理选中值的双向绑定。
  2. 移除多余的mat-form-field容器,mat-radio-group本身是独立的表单控件,无需额外包裹。
  3. 清理了原代码中格式错误的**strong text**标记(若需强调文本,可改用<strong>Option 1</strong>)。

内容的提问来源于stack exchange,提问作者Việt Thịnh Bùi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 19:02:37