title: How do I get my ionic side menu button working?
body: <p>I recently tried creating an ionic side menu. I had a problem where when I swiped the main body it opened up the menu. But I took the swipe function off and now I can't open the menu. I want to be able to click the navicon icon to be able to open the menu but don't know how to do it.</p>
  
  <p><strong>Here is the JavaScript:</strong> </p>
  
  <pre><code>.controller('TodoCtrl', function($scope, $timeout, $ionicModal, Projects, $ionicSideMenuDelegate) {
  
  
    $scope.toggleLeft = function() {
      $ionicSideMenuDelegate.toggleLeft();
    };
  </code></pre>
  
  <p><strong>Here is the header code which contains the button:</strong></p>
  
  <pre><code>&lt;body ng-app="todo" ng-controller="TodoCtrl"&gt;
    &lt;ion-side-menus&gt;
  
    &lt;!-- Center content --&gt;
    &lt;ion-side-menu-content&gt;
    &lt;ion-header-bar class="bar-dark"&gt;
    &lt;button class="button button-icon button-clear ion-navicon" ng-click="toggleLeft()"&gt;
    &lt;/button&gt;
    &lt;h1 class="title"&gt;{{activeProject.title}}&lt;/h1&gt;
    &lt;!-- New Task button--&gt;
    &lt;button class="button button-icon" ng-click="newTask()"&gt;
      &lt;i class="icon ion-compose"&gt;&lt;/i&gt;
    &lt;/button&gt;
  &lt;/ion-header-bar&gt;
  &lt;ion-content scroll="false"&gt;
  &lt;td-cards class="theLabel" id="card" ng-repeat="task in activeProject.tasks"&gt;
  &lt;td-card class="card-{{card.index}}"&gt;
  &lt;h4 style="text-align:center"&gt; {{task.title}}&lt;/h4&gt;
  &lt;/td-card&gt;
  &lt;/td-cards&gt;
  </code></pre>
  
  <p><strong>Here is the menu content:</strong></p>
  
  <pre><code>&lt;ion-side-menu side="left"&gt;
  
        &lt;ion-pane ion-side-menu-content drag-content="false"&gt;
             &lt;ion-header-bar class="bar-dark"&gt;
                 &lt;h1 class="title"&gt;Cards&lt;/h1&gt;
             &lt;/ion-header-bar&gt;
             &lt;ion-content scroll="true"&gt;
             &lt;edge-drag-threshold="true" drag-content="true"&gt;
             &lt;/ion-content&gt;
         &lt;/ion-pane&gt; 
  
     &lt;/ion-side-menus&gt;
  </code></pre>