Hi,
I started to use ionic from 2 days and I like it, even if the documentation is really terrible. There are many example but they are all different. You don’t know how to do some stuffs.
My problem is the side menu. This is my html file that does not show the menu:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="cordova.js"></script>
<script src="js/app.js"></script>
<script src="js/homepageCtrl.js"></script>
</head>
<body ng-app="starter">
<ion-nav-view></ion-nav-view>
<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content>
<ion-nav-bar class="bar-positive">
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-header-bar class="bar-assertive">
<h1 class="title">Main menu</h1>
</ion-header-bar>
<ion-content>
<ul class="list">
<a href="#/event/home" class="item" menu-close>Home</a>
<a href="#/event/check-in" class="item" menu-close>Item 1</a>
</ul>
</ion-content>
</ion-side-menu>
</ion-side-menus>
<ion-view view-title="Welcome">
<ion-content class="padding">
<ion-list>
<ion-item ng-repeat="item in items" class="ion-lorem">
...
</ion-item>
</ion-list>
</ion-content>
<ion-footer-bar align-title="left" class="bar-assertive">
<div class="buttons" ng-click="chiedi()">
<button class="button">ask</button>
</div>
</ion-footer-bar>
</ion-view>
</body>
</html>
I don’t know why If I hide the ion-view I see the menu.
Any helps? Thanks in advance.