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

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)">

达到你想要的结果。

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

How to check a radio button on Angular for Ionic 5?

radio-button

ionic5