Ion-side-nav Issues


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-item ng-repeat="page in attendee.pages" ng-if=" !== 0" ng-click="attendee.goToPage(">
        {{ | uppercase }}
 <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="$"></button>


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

_self.goToPage = function(link){