title: Open sidemenu from a tab button
body: <p>I want to open the sidemenu from a tab button. The console outputs 'open menu' so i know the service method is being called but it will simply not open the menu. Where am i going wrong?</p>
  
  <p>This is my tabs.html</p>
  
  <pre><code>&lt;ion-tabs class="tabs-super-top tabs-top tabs-icon-left tabs-striped"&gt;
  
      &lt;ion-tab title="More" icon="icon ion-navicon" ng-click="openSideMenu()" &gt;
      &lt;/ion-tab&gt;
  
      &lt;ion-tab title="Events" icon="icon ion-calendar" ui-sref="tab.events"&gt;
          &lt;ion-nav-view name="tab-events" class="slide-left-right"  ion-side-menu-content&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  
      &lt;ion-tab title="Involved" icon="icon ion-checkmark-round" ui-sref="tab.involved"&gt;
          &lt;ion-nav-view name="tab-involved" class="slide-left-right" ion-side-menu-content&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  
      &lt;ion-tab title="Networks" icon="icon ion-network" ui-sref="tab.networks"&gt;
          &lt;ion-nav-view name="tab-networks" class="slide-left-right" ion-side-menu-content&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  
  
  &lt;/ion-tabs&gt;
  </code></pre>
  
  <p>navigation.js module:</p>
  
  <pre><code>angular.module('navigationModule', [])
  .controller('SideMenuController', function($scope, sideMenuService) 
  {
      $scope.openSideMenu = function()
      {
          sideMenuService.openSideMenu('sideMenu');
      };
  })
  
  
  .service('sideMenuService', function($ionicSideMenuDelegate) {
      return {
          openSideMenu: function(menuhandle) 
          {
              console.log('open menu');
              return $ionicSideMenuDelegate.$getByHandle(menuhandle).toggleLeft();
          }
      }
  })
  
  ;
  </code></pre>
  
  <p>I currently have my sidemenu in index.html:</p>
  
  <pre><code>&lt;ion-side-menus side="left" delegate-handle="sideMenu"&gt;
  
      &lt;!-- Center content --&gt;
      &lt;ion-side-menu-content&gt;
          &lt;ion-list&gt;
              &lt;ion-item nav-clear menu-close ng-click="login()"&gt;Login&lt;/ion-item&gt;
              &lt;ion-item nav-clear menu-close href="#/app/search"&gt;Search&lt;/ion-item&gt;
              &lt;ion-item nav-clear menu-close href="#/app/browse"&gt;Browse&lt;/ion-item&gt;
              &lt;ion-item nav-clear menu-close href="#/app/playlists"&gt;Playlists&lt;/ion-item&gt;
          &lt;/ion-list&gt;
      &lt;/ion-side-menu-content&gt;
  
      &lt;!-- Left menu --&gt;
      &lt;ion-side-menu side="left"&gt;&lt;/ion-side-menu&gt;
  
      &lt;!-- Right menu --&gt;
      &lt;ion-side-menu side="right"&gt;&lt;/ion-side-menu&gt;
  
  &lt;/ion-side-menus&gt;
  </code></pre>
  
  <p>This is my state:</p>
  
  <pre><code>$stateProvider
  
      .state('tab', {
        url: "/tab",
        abstract: true,
        templateUrl: "templates/common/Tabs.html",
        controller: 'SideMenuController'
      })
  </code></pre>