radio-button - 如何在 Angular 上为 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)">以达到您想要的结果。