ion-radio

See the Pen by Ionic (@ionic) on CodePen.

The radio directive is no different than the HTML radio input, except it’s styled differently.

Radio behaves like AngularJS radio.

Usage

<ion-radio ng-model="choice" ng-value="'A'">Choose A</ion-radio>
<ion-radio ng-model="choice" ng-value="'B'">Choose B</ion-radio>
<ion-radio ng-model="choice" ng-value="'C'">Choose C</ion-radio>

API

Attr Type Details
name
(optional)
string

The name of the radio input.

value
(optional)
expression

The value of the radio input.

disabled
(optional)
boolean

The state of the radio input.

icon
(optional)
string

The icon to use when the radio input is selected.

ng-value
(optional)
expression

Angular equivalent of the value attribute.

ng-model
(optional)
expression

The angular model for the radio input.

ng-disabled
(optional)
boolean

Angular equivalent of the disabled attribute.

ng-change
(optional)
expression

Triggers given expression when radio input's model changes