@Harilall wrote:
I have looked up tutorials and videos on how to get the sidemenu to work but mine isn't working here's the code segments
.state('abs', { url: '/index', abstract: true, templateUrl: 'index.html', controller: 'newCtrl' }) .state('menu', { url: '/menu', abstract: true, views: { 'menuContent': { templateUrl: 'sideMenuLeft.html' } } }) .state('abs.home', { url: '/homePage', views: { 'homePageContent': { templateUrl: 'homePage.html', controller: 'homePageCtrl' } } })
as you can see I have defined an abstract for my menu along with my other states. My sideMenuLeft.html looks like this
<ion-side-menus enable-menu-with-back-views="false"> <ion-side-menu-content> <!-- Main content, usually <ion-nav-view> --> <ion-nav-bar class="bar bar-calm myCustomBar" align-title="center"> <ion-nav-buttons side="left"> <button class="button button-clear" menu-toggle="left" ng-click="toggleLeft()"><i class="icon ion-android-menu"></i></button> </ion-nav-buttons> <!--<ion-nav-back-button class="button-clear"> <i class="ion-arrow-left-c"></i> Back </ion-nav-back-button>--> <ion-nav-buttons side="right"> <button class="button button-clear" ngclick="rightyClick()"><i class="icon ion-gear-a"></i></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-stable"> <h1 class="title">Left</h1> </ion-header-bar> <ion-content> <ion-list> <ion-item menu-close ng-click="login()"> Login </ion-item> <ion-item menu-close href="#/app/search"> Search </ion-item> <ion-item menu-close href="#/app/browse"> Browse </ion-item> <ion-item menu-close href="#/app/playlists"> Playlists </ion-item> </ion-list> </ion-content> </ion-side-menu> </ion-side-menus>
What am I doing incorrectly?
Posts: 3
Participants: 2