<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/ionic.css" />
<script type="text/javascript" src="js/ionic.bundle.min.js"></script>
<script>
var app = angular.module("myApp", ['ionic']);
app.controller("myCtrl", function($scope) {
$scope.list = [{
text: "java",
value: "java编程思想"
}, {
text: "Android",
value: "第一行代码"
}, {
text: "C语言",
value: "C高级编程"
}];
/*$scope.list = ["java","Android","C语言"];*/
$scope.haha = {
hehe: ''
};
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<ion-header-bar class="bar-positive">
<h1 class="title">单选按钮</h1>
</ion-header-bar>
<ion-content>
<div class="list">
<div class="item item-divider">
选取的值为: {{ haha.hehe }}
</div>
<ion-radio ng-repeat="item in list" ng-value="item.value" ng-model="haha.hehe">
{{ item.text}}
</ion-radio>
</div>
</ion-content>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/ionic.css" />
<script type="text/javascript" src="js/ionic.bundle.min.js"></script>
<script>
var app = angular.module("myApp", ['ionic']);
app.controller("myCtrl", function($scope) {
$scope.list = [{
text: "java",
value: "java编程思想"
}, {
text: "Android",
value: "第一行代码"
}, {
text: "C语言",
value: "C高级编程"
}];
/*$scope.list = ["java","Android","C语言"];*/
$scope.haha = {
hehe: ''
};
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<ion-header-bar class="bar-positive">
<h1 class="title">单选按钮</h1>
</ion-header-bar>
<ion-content>
<div class="list">
<div class="item item-divider">
选取的值为: {{ haha.hehe }}
</div>
<ion-radio ng-repeat="item in list" ng-value="item.value" ng-model="haha.hehe">
{{ item.text}}
</ion-radio>
</div>
</ion-content>
</body>
</html>