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

5
js/ext/angular/src/directive/ionicSlideBox.js vendored
View File

@ -41,7 +41,10 @@ angular.module('ionic.ui.slideBox', [])
$element.append(pager);
$scope.slideBox = new ionic.views.SlideBox({
el: $element[0]
el: $element[0],
slideChanged: function(slideIndex) {
$scope.$parent.$broadcast('slideBox.slideChanged', slideIndex);
}
});
}
}

1
js/ext/angular/src/ionicAngular.js vendored
View File

@ -18,6 +18,7 @@ angular.module('ionic.ui', [
'ionic.ui.nav',
'ionic.ui.header',
'ionic.ui.sideMenu',
'ionic.ui.slideBox',
'ionic.ui.list',
'ionic.ui.checkbox',
'ionic.ui.toggle',

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>