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]
请参阅完整示例: