如何解决如何检查Ionic 5的Angular上的单选按钮?
我遇到以下错误:
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>
默认情况下如何设置选中的单选按钮?
解决方法
根据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)">
达到您想要的结果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。