ng-checkbox
Version:
The component provides selection data and its statistics based on checkboxes selection.
55 lines (42 loc) • 2.21 kB
HTML
<html class="no-js" lang="en" ng-app="ngCheckbox.demo">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Demo</title>
<!-- CDN : Vendor css
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.1.2/foundation.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.1.2/foundation-flex.min.css" />-->
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/foundation-flex.css" />
<!-- Demo css -->
<link rel="stylesheet" href="css/app.css" />
<!-- CDN : Vendor js
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.1.2/foundation.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.17/angular-ui-router.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.0.1/lodash.min.js"></script>-->
<!-- Vendor js -->
<script src="js/jquery.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/angular-ui-router.min.js"></script>
<script src="js/index.js"></script><!--lodash-->
<!-- Build js -->
<script src="build/ngCheckbox.js"></script>
<!-- Demo js -->
<script src="js/demoService.js"></script>
<script src="js/demoApp.js"></script>
<script src="js/demoController.js"></script>
</head>
<body>
<div class="row align-center"><h1>DEMO APP</h1></div>
<div class="row"><b>Basic example</b></div>
<div ui-view="exampleBasic"></div>
<br/><hr/><br/>
<div class="row"><b>Advance example</b></div>
<div ui-view="exampleAdvance"></div>
</body>
</html>