如何检查 Angular for Ionic 5 上的单选按钮？

Question

我收到以下错误：

core.js:7812 Can't bind to 'checked' since it isn't a known property of 'ion-radio'.

我在 HTML 上的代码是：

    <ion-list>
      <ion-radio-group value="default" (ionChange)="radioGroupChange($event)">
        <ion-list-header>
          <ion-label>Image language</ion-label>
        </ion-list-header>
    
        <ion-item>
          <ion-label>SPA</ion-label>
          <ion-radio [checked]="true" slot="start" value="spa"></ion-radio>
        </ion-item>
    
        <ion-item>
          <ion-label>RU</ion-label>
          <ion-radio slot="start" value="ru"></ion-radio>
        </ion-item>
    
        <ion-item>
          <ion-label>ENG</ion-label>
          <ion-radio slot="start" value="eng"></ion-radio>
        </ion-item>
      </ion-radio-group>

    </ion-list>

如何设置默认选中的单选按钮？

Answer 1

那么根据Ionic5文档（https://ionicframework.com/docs/api/radio），你要的值设置<ion-radio-group>为值<ion-radio>，要通过默认选中。

所以摆脱你的 [checked]="true"

改变

<ion-radio-group value="default" (ionChange)="radioGroupChange($event)">

到

<ion-radio-group value="spa" (ionChange)="radioGroupChange($event)">

以达到您想要的结果。