Formularios: Radio buttons en Ionic
Podemos utilizar las etiquetas exclusivas para crear Radio buttons en Ionic, de este modo podemos ir utilizando este elemento de los formularios de forma muy sencilla, ya que las antiguas clases no funcionan correctamente.
Para ello, lo único que tenemos que hacer es utilizar la etiqueta ion-radio como vemos en el siguiente ejemplo:
<ion-radio ng-model="choice" ng-value="'A'">Elige A</ion-radio> <ion-radio ng-model="choice" ng-value="'B'">Elige B</ion-radio> <ion-radio ng-model="choice" ng-value="'C'">Elige C</ion-radio>
Lo cual nos dará un resultado similar al que vemos a continuación:
Podemos hacer una lista de elementos utilizando los radio buttons e incluso ponerle cabeceras a los grupos:
<div class="list"> <div class=" item item-divider"> Grupo 1 </div> <ion-radio ng-model="choice" ng-value="'D'">Elige D</ion-radio> <ion-radio ng-model="choice" ng-value="'E'">Elige E</ion-radio> <ion-radio ng-model="choice" ng-value="'F'">Elige F</ion-radio> <div class=" item item-divider"> Grupo 2 </div> <ion-radio ng-model="choice" ng-value="'G'">Elige G</ion-radio> <ion-radio ng-model="choice" ng-value="'H'">Elige H</ion-radio> <ion-radio ng-model="choice" ng-value="'I'">Elige I</ion-radio> </div>
Lo cual nos da una lista de radios similar a la que vemos en la siguiente imágen:
There are 3 Comments.