单选按钮与自定义图标

时间:2017-05-19 09:36:22

标签: angular ionic-framework ionic2 ionic3

我有ionic 3单选按钮。现在我需要用自定义图标替换它。我该怎么做?

最后,它应该是这样的:

enter image description here

自定义图标为<i class="cicon-crib"></i><i class="cicon-nursing"></i>

普通单选按钮:

<ion-grid radio-group formControlName="location">
    <ion-row>
      <ion-col col-12>
         <ion-item>
          <ion-label>On own in bed</ion-label>
          <ion-radio value="crib"></ion-radio>
         </ion-item>
     </ion-col>
   </ion-row>
      <ion-row>
       <ion-col col-12>
         <ion-item>
           <ion-label>Nursing</ion-label>
           <ion-radio value="nursing"></ion-radio>
           </ion-item>
      </ion-col>
     </ion-row>
 </ion-grid>

0 个答案:

没有答案