<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Todo</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="js/app.js"></script>
<!-- 在使用 Cordova/PhoneGap 创建的 APP 中包含的文件,由 Cordova/PhoneGap 提供,(开发过程中显示 404) -->
<script src="cordova.js"></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl01",["$scope",function ($scope) {
$scope.toggles=[
{
title:"宋玉清",
type:"toggle-positive"
},
{
title:"朱明宇",
type:"toggle-calm"
},
{
title:"李俊",
type:"toggle-balanced"
},
{
title:"胡燃烽",
type:"toggle-energized"
},
{
title:"提莫队长",
type:"toggle-assertive"
},
{
title:"暗夜猎手",
type:"toggle toggle-royal"
},
{
title:"德玛西亚",
type:"toggle toggle-dark"
}
];
$scope.isCheck=false;
}]);
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl01">
<ul class="list">
<li class="item item-toggle" ng-repeat="x in toggles">
{{x.title}}
<label class="toggle {{x.type}}">
<input type="checkbox" checked="" ng-model="isCheck">
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
</ul>
</body>
</html>