javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Updated side menu example

Browse Source
This commit is contained in:
Max Lynch
2014-03-14 11:03:08 -05:00
parent a58999180b
commit 91090b4849
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
js/ext/angular/test/sideMenu2.html
View File

@@ -8,7 +8,7 @@
</head>
<body>
<div ng-controller="MainCtrl">
<div>
<ion-nav-view></ion-nav-view>
</div>
@@ -17,7 +17,7 @@
<ion-pane ion-side-menu-content>
<ion-nav-bar type="bar-positive"
back-button-type="button-icon"
back-button-type=""
back-button-icon="ion-ios7-arrow-back"></ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-pane>
@@ -28,8 +28,8 @@
</header>
<ion-content has-header="true">
<div class="list">
<a href="#/event/check-in" class="item">Check-in</a>
<a href="#/event/attendees" class="item">Attendees</a>
<a ng-click="closeMenu()" href="#/event/check-in" class="item">Check-in</a>
<a ng-click="closeMenu()" href="#/event/attendees" class="item">Attendees</a>
<div class="item item-divider">
Range
</div>
@@ -88,7 +88,7 @@
</script>
<script id="check-in.html" type="text/ng-template">
<ion-view title="'Event Check-in'">
<ion-view title="'Event Check-in'" hide-back-button="true">
<ion-content has-header="true">
<form class="list" ng-show="showForm">
<div class="item item-divider">
@@ -157,7 +157,8 @@
.state('eventmenu', {
url: "/event",
abstract: true,
templateUrl: "event-menu.html"
templateUrl: "event-menu.html",
controller: 'MainCtrl'
})
.state('eventmenu.home', {
url: "/home",
@@ -189,15 +190,19 @@
$urlRouterProvider.otherwise("/event/home");
})
.controller('MainCtrl', function($scope) {
.controller('MainCtrl', function($scope, $ionicSideMenuDelegate) {
console.log('MainCtrl');
$scope.data = {
grade: ''
};
$scope.closeMenu = function() {
$ionicSideMenuDelegate.close($scope);
};
setTimeout(function(){
document.getElementById('bodyClass').innerHTML = document.body.className;
//document.getElementById('bodyClass').innerHTML = document.body.className;
}, 1500);
$scope.gradeChange = function(grade) {