Angular 更改离子单选按钮的文本样式

Angular 更改离子单选按钮的文本样式,angular,ionic-framework,Angular,Ionic Framework,我已经创建了一个离子单选按钮组根据。这是我的密码: <ion-list> <ion-radio-group value="biff"> <ion-list-header class="ion-text-center"> <ion-label>Organization Type</ion-label> </ion-list-he

我已经创建了一个离子单选按钮组根据。这是我的密码:

 <ion-list>
      <ion-radio-group value="biff">
        <ion-list-header class="ion-text-center">
          <ion-label>Organization Type</ion-label>
        </ion-list-header>
    
        <ion-item>
          <ion-label>Educational</ion-label>
          <ion-radio slot="start" value="ed"></ion-radio>
        </ion-item>
    
        <ion-item>
          <ion-label>Non educational</ion-label>
          <ion-radio slot="start" value="ned"></ion-radio>
        </ion-item>
    
      </ion-radio-group>
    </ion-list>

组织类型
教育的
非教育性

我想更改所选单选按钮的文本样式。我使用angular作为前端帮助。如何使用相应的scss文件实现这一点?

简单,下面是一个如何将css应用于单选按钮的示例:

<ion-radio class="default" ng-class="{'selected': data.clientSide === item.value}" ng-repeat="item in clientSideList" ng-value="item.value" ng-model="data.clientSide" ng-click="choseThis(item)">
        {{ item.text }}    
      </ion-radio>

{{item.text}
角度2+使用[ngClass]

请参阅完整示例: