Ionic framework 在检查离子6上的离子收音机时,如何更改离子标签颜色?

Ionic framework 在检查离子6上的离子收音机时,如何更改离子标签颜色?,ionic-framework,Ionic Framework,我有下面一段爱奥尼亚密码 统一费率0.00英镑 免费送货 首先,需要将所选单选按钮的值绑定到变量中。因此,在.ts文件中声明一个变量: selectedShippingMethod:string=''; //Or change it to 'flat-rate' for default value 接下来在模板文件中添加一个双向绑定,以便保存所选单选按钮的值 <ion-radio-group [(ngModel)]="selectedShippingMethod"> <

我有下面一段爱奥尼亚密码


统一费率0.00英镑
免费送货

首先,需要将所选单选按钮的值绑定到变量中。因此,在
.ts
文件中声明一个变量:

selectedShippingMethod:string=''; //Or change it to 'flat-rate' for default value
接下来在模板文件中添加一个双向绑定,以便保存所选单选按钮的值

<ion-radio-group [(ngModel)]="selectedShippingMethod">
  <ion-item class="ship-method">
    <ion-label [class.selected]="selectedShippingMethod=='flat-rate'">Flat Rate £0.00</ion-label>
    <ion-radio slot="end" value="flat-rate"></ion-radio>
  </ion-item>
  <ion-item class="ship-method">
    <ion-label [class.selected]="selectedShippingMethod=='free-shipping'">Free Shipping</ion-label>
    <ion-radio slot="end" value="free-shipping"></ion-radio>
  </ion-item>
</ion-radio-group>
selectedShippingMethod
的值与该单选按钮的值匹配时,您正在分配离子标签类'selected'

<ion-label [class.selected]="selectedShippingMethod=='free-shipping'">

太好了。请将其标记为供其他人遵循的答案。谢谢
<ion-label [class.selected]="selectedShippingMethod=='free-shipping'">