title: ng-click not working on ion-item inside ion-side-menu
body: <p>I have a slide in/out panel. Everything is working fine for me except the <code>Logout</code>. Please have a look at the side panel view.</p>
  
  <pre><code>    &lt;ion-side-menus enable-menu-with-back-views="false"&gt;
  &lt;ion-side-menu-content&gt;
      &lt;ion-nav-bar class="bar-stable"&gt;
      &lt;!-- --&gt;
        &lt;ion-nav-back-button&gt;
        &lt;/ion-nav-back-button&gt;
        &lt;ion-nav-buttons side="left"&gt;
          &lt;button class="button button-icon button-clear ion-navicon" menu-toggle="left"&gt;
          &lt;/button&gt;
        &lt;/ion-nav-buttons&gt;
      &lt;!-- --&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view name="menuContent"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-side-menu-content&gt;
  
    &lt;ion-side-menu side="left"&gt;
      &lt;ion-header-bar class="bar-stable"&gt;
        &lt;h1 class="title"&gt;Angular Social&lt;/h1&gt;
      &lt;/ion-header-bar&gt;
      &lt;ion-content&gt;
        &lt;ion-list&gt;
          &lt;ion-item menu-close href="#/app/dashboard"&gt;
              &lt;i class="icon ion-home"&gt;&lt;/i&gt;
            Dashboard
          &lt;/ion-item&gt;
          &lt;ion-item menu-close href="#/app/friends"&gt;
              &lt;i class="icon ion-person-stalker"&gt;&lt;/i&gt;
            Friends
          &lt;/ion-item&gt;
          &lt;ion-item menu-close href="#/app/settings"&gt;
              &lt;i class="icon ion-gear-a"&gt;&lt;/i&gt;
            Settings
          &lt;/ion-item&gt;
          &lt;ion-item menu-close href="#/app/search"&gt;
              &lt;i class="icon ion-search"&gt;&lt;/i&gt;
            Search
          &lt;/ion-item&gt;
          &lt;ion-item menu-close ng-click="ac.logout()"&gt;
              &lt;i class="icon ion-log-out"&gt;&lt;/i&gt;
            Logout
          &lt;/ion-item&gt;
        &lt;/ion-list&gt;
      &lt;/ion-content&gt;
    &lt;/ion-side-menu&gt;
  &lt;/ion-side-menus&gt;
  </code></pre>
  
  <p>And below is my controller code</p>
  
  <pre><code>(function () {
      'use strict';
  
      angular.module('starter').controller('DashboardController', DashboardController);
      DashboardController.$inject = ['UserService', '$scope', '$state', 'CommonService' ,'$ionicLoading'];
  
      function DashboardController(UserService, $scope, $state, CommonService, $ionicLoading)
      {
          var ac = this;
          ac.logout   = logout;
  
          initController();
  
          function logout()
          {
              console.log('reachedhere');
              CommonService.logout()
          }
  
          function initController()
          {
              var loggedInStatus = localStorage.getItem('userLoggedIn');
              if (loggedInStatus === 'false') {
                  $state.go('signin');
              }
              loadCurrentUser();
              loadnotifications();
          }
  
          function loadCurrentUser()
          {
              var name = { 'username' : localStorage.getItem('username') };
              UserService.GetByUsername(name).then(function (response) {
                  $scope.userData = response;
              });
          }
  
          function loadnotifications()
          {
              $ionicLoading.show({
                  template: 'loading'
              });
              var name = { 'username' : localStorage.getItem('username') };
              UserService.GetByUsername(name).then(function (data) {
                  var id = data.id;
                  console.log(data.id);
                  UserService.GetFriedRequests(id).then(function (response) {
                      $scope.requests = response;
                  });
              });
              $ionicLoading.hide();
          }
      }
  
  })();
  </code></pre>
  
  <p>When I click on <code>Logout</code>, side panel get closed and nothing happens at controller. </p>