Question

我正在尝试设置像这样的离子电子按钮： http://jsfiddle.net/La8wQ/313/

这就是我们正常创建离子单选按钮的方法：

  <ion-list radio-group [(ngModel)]="cards">

         <ion-item >
           <ion-label class="someclass" >text</ion-label>
           <ion-radio   value="textsradio"></ion-radio>
         </ion-item>

</ion-list>

使用经典的css和html，就像这样：

   <div class="cc-selector">


       <input checked="checked" id="visa" type="radio" name="credit-card" value="visa" />
       <label class="drinkcard-cc visa" for="visa"></label>

       <input id="mastercard" type="radio" name="credit-card" value="mastercard" />
       <label class="drinkcard-cc mastercard"for="mastercard"></label>
</div>

如何使用离子单选按钮组件执行此操作？

Answer 1

ion-list-＆gt; ion-radio-＆gt; radio-icon你可以通过检查元素来追踪这个

d1.update(d2)
d1.update(d3)

在离子无线电按钮中使用图像单选按钮样式

1 个答案: