单选按钮检查由 ngModel 覆盖

问题描述

当向单选组声明 ngModel 时，它似乎覆盖了由 [checked]="true" 分配的默认单选按钮选择

     <!--Radio buttons for units-->
      <ion-list-header style="color: white">
        Units
      </ion-list-header>
   <ion-list radio-group [(ngModel)]="units">
   
    <ion-item>
      <ion-label>Metric</ion-label>
      <ion-radio [checked]="true"  value= "metric"></ion-radio>
    </ion-item>
    <ion-item>
      <ion-label>Imperial</ion-label>
      <ion-radio value="imperial"></ion-radio>
    </ion-item>
  </ion-list>

因此当按钮组在视图中时，默认情况下没有选中的按钮。

我尝试将 ngModel 放在单选按钮标签中，即 ion-item 标签，两种方法都抛出异常：

Uncaught Error: Uncaught (in promise): Error: No value accessor for 具有未指定名称属性的表单控件 _throwError@http://localhost:8100/build/vendor.js:27548:20

感谢任何输入。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）