ion-radio

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

根据选中的不同选项,显示不同的值。

基于HTML的radio input元素实现只有style上的区别。

行为类似于 AngularJS radio

实例该文档来自ionic中文网ionic-china

<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

属性 类型 说明
name
(可空)
string

input radio的name值

value
(可空)
expression

input radio的value值

disabled
(可空)
boolean

input radio的disabled值

icon
(可空)
string

当选择input radio时使用的图标

ng-value
(可空)
expression

将value值绑定到angular变量

ng-model
(可空)
expression

将状态绑定到angular变量

ng-disabled
(可空)
boolean

将disabled值绑定到angular变量

ng-change
(可空)
expression

当状态改变时触发