Изменить стиль текста радиокнопки ioni c - PullRequest
Новая
       31

Изменить стиль текста радиокнопки ioni c

0 голосов
/ 05 августа 2020

Я создал группу переключателей ioni c в соответствии с ioni c do c. Вот мой код: 

 <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 для справки по интерфейсу. Как я могу добиться этого, используя соответствующий файл s css?

1 Ответ

1 голос
/ 05 августа 2020

Легко, вот пример того, как применить 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>

для angular 2+ используйте [ngClass] https://angular.io/api/common/NgClass

См. Полный пример: https://codepen.io/shantanu_kulkarrni/pen/QOmvrY

...