html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<html>2
<head>3
<meta charset="utf-8">4
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">5
<title>时代Java与您共同学习(NowJava.com)</title>6
<link href="https://cdn.staticfile.org/ionic/1.3.2/css/ionic.css" rel="stylesheet">7
<script src="https://cdn.staticfile.org/ionic/1.3.2/js/ionic.bundle.min.js"></script>8
<script type="text/javascript">9
angular.module('starter', ['ionic'])10
11
.run(function($ionicPlatform) {12
$ionicPlatform.ready(function() {13
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard14
// for form inputs)15
if(window.cordova && window.cordova.plugins.Keyboard) {16
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);17
}18
if(window.StatusBar) {19
StatusBar.styleDefault();20
}21
});22
})23
24
.controller( 'actionsheetCtl',['$scope',function($scope){25
26
$scope.devList = [27
{ text: "HTML5", checked: true },28
{ text: "CSS3", checked: false },29
{ text: "JavaScript", checked: false }30
];31
32
$scope.pushNotificationChange = function() {33
console.log('Push Notification Change', $scope.pushNotification.checked);34
};35
36
$scope.pushNotification = { checked: true };37
$scope.emailNotification = 'Subscribed';38
39
}])40
</script>41
<style type="text/css">42
body {43
cursor: url('http://NowJava.com/try/demo_source/finger.png'), auto;44
}45
</style>46
</head>47
<body ng-app="starter" ng-controller="actionsheetCtl" >48
49
<ion-header-bar class="bar-positive">50
<h1 class="title">复选框</h1>51
</ion-header-bar>52
53
<ion-content>54
55
<div class="list">56
57
<ion-checkbox ng-repeat="item in devList"58
ng-model="item.checked" 59
ng-checked="item.checked">60
{{ item.text }}61
</ion-checkbox>62
63
<div class="item">64
<pre ng-bind="devList | json"></pre> 65
</div>66
67
<div class="item item-divider"> 68
Notifications69
</div>70
71
<ion-checkbox ng-model="pushNotification.checked"72
ng-change="pushNotificationChange()">73
Push Notifications74
</ion-checkbox>75
76
<div class="item">77
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java