Angular 选中的单选按钮被ngModel覆盖

向单选组声明ngModel时，它似乎覆盖了由[checked]=“true”指定的默认单选按钮选择

单位
米制的
帝国的

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

我曾尝试将ngModel放置在单选按钮标记、离子项目标记中，这两种方法都会引发异常：

未捕获错误：未捕获（承诺中）：错误：无值访问器 具有未指定名称属性的窗体控件 _throwError@http：//localhost:8100/build/vendor.js:27548:20

---

非常感谢。

由于要将无线组绑定到

units

属性，因此不需要在模板中使用

checked

属性

要在默认情况下选择其中一个选项，只需将该选项的值指定给

units

属性：

private someFunction(): void {
  // ...
  this.units = 'metric'; 
}

单位
米制的
帝国的

谢谢你的帮助

private someFunction(): void {
  // ...
  this.units = 'metric'; 
}

<!--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 value= "metric"></ion-radio>
    </ion-item>
  <ion-item>
    <ion-label>Imperial</ion-label>
    <ion-radio value="imperial"></ion-radio>
  </ion-item>
</ion-list>