<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<h1>Option checked as default</h1>
<div ng-init="options={};options.one.selected=true">
<input id="option_1" type="checkbox"
ng-click="options.one.selected=!options.one.selected"
ng-checked="options.one.selected"
ng-model="options.one.selected">
<label for="option_1" >Option 1</label>
</div>
</br>
<hr>
<div>Let's see what our object looks like when we check/uncheck</div>
<pre>{{options | json}}</pre>
</body>
</html>
angular.module('myApp', []);
/* Styles go here */