Ion-side-nav Issues


#1

Hey everyone! So I’m trying to use Ionic’s side nav menus and I’m running into some issues. The issue occurs when I attach ether ng-click, on-tap, ui-sref, or even create an attribute directive on the ion-item element inside of the ion-side-menu element. My state.go function is not being activated. I’ve even placed a console.log inside of the functions for ng-click, on-tap, and my attribute directive and after super clicking about 5 times then the page transition. I’m wondering if the issue is being caused because every time I click one of the ion-item the side menu closes immediately.

This is the code:
Side Menu

<ion-side-menus enable-menu-with-back-views="true">
<ion-side-menu side="left">
<ion-side-menu-content drag-content="false">
  <ion-header-bar class="bar-light">
    <h1 class="title">BPS Menu</h1>
  </ion-header-bar>
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="page in attendee.pages" ng-if="page.link.length !== 0" ng-click="attendee.goToPage(page.link)">
        {{ page.name | uppercase }}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-side-menu-content>
</ion-side-menu>
<ion-side-menu-content>
 <ion-nav-bar class="bar-positive" align-title="center">
  <ion-nav-buttons side="left">
    <button class="button button-icon ion-navicon" menu-toggle="left" ng-hide="$exposeAside.active"></button>
  </ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</ion-side-menu-content>
</ion-side-menus>

Controller

.controller('attendeeCtrl', ['$scope','$state','$ionicSideMenuDelegate','attendeeState',    function($scope,$state,$ionicSideMenuDelegate,attendeeState){
var _self = this;
_self.pages = attendeeState.getPages();

_self.goToPage = function(link){
  console.log(link)
  $state.go(link);
};

}]);