javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fixed #119 - slide box events

Browse Source
This commit is contained in:
Max Lynch
2013-11-15 21:54:47 -06:00
parent d349c100fb
commit 314156b3ca
6 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
js/ext/angular/test/slideBox.html
View File

@ -5,8 +5,9 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<style>
.box {
width: 100%;
@ -38,6 +39,7 @@
</head>
<body>
<div ng-controller="SlideCtrl">
<slide-box>
<slide>
<div class="box blue"><h1>BLUE</h1></div>
@ -49,10 +51,15 @@
<div class="box pink"><h1>PINK</h1></div>
</slide>
</slide-box>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</div>
<script>
angular.module('slideBoxTest', ['ionic.ui.slideBox'])
angular.module('slideBoxTest', ['ionic'])
.controller('SlideCtrl', function($scope) {
$scope.$on('slideBox.slideChanged', function(e, index) {
console.log('Slide changed', index);
});
});
</script>
</body>
</html>