title: Ionic - Showing side-menu ONLY in concrete pages
body: <p>I'm developing an App with Ionic Framework, and I only want to show a side-menu in some concrete views, but not in every view.</p>
  
  <p>I' have my <strong>menu.html</strong> file:</p>
  
  <pre><code>&lt;ion-side-menus&gt;
  
    &lt;ion-pane ion-side-menu-content&gt;
      &lt;ion-nav-bar class="bar-positive nav-title-slide-ios7"&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view name="menuContent" animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-pane&gt;
  
    &lt;ion-side-menu side="left"&gt;
  
      &lt;ion-content class="mymenu"&gt;
  
        &lt;div id="menu-list"&gt;
          &lt;ion-list class="list"&gt;
            &lt;ion-item item-type="item-icon-left" nav-clear menu-close href="#"&gt;
              &lt;i class="icon ion-home"&gt;&lt;/i&gt;&lt;span&gt;Menu Item&lt;/span&gt;
            &lt;/ion-item&gt;
             ...
          &lt;/ion-list&gt;
        &lt;/div&gt;
  
      &lt;/ion-content&gt;
  
    &lt;/ion-side-menu&gt;
  
  &lt;/ion-side-menus&gt;
  </code></pre>
  
  <p>My <strong>index.html</strong>'s <em>body tag</em> looks exactly like this:</p>
  
  <pre><code> &lt;body ng-app="myApp"&gt;
     &lt;ion-nav-view&gt;&lt;/ion-nav-view&gt;
   &lt;/body&gt;
  </code></pre>
  
  <p>And the <em>JavaScript</em> code where I set up my App states:</p>
  
  <pre><code>    .config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
          .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html",
            controller: 'AppCtrl'
          })
  
          .state('app.page1', {
              url: "/page1",
              views: {
                  'menuContent' :{
                      templateUrl: "templates/page1.html"
                  }
              }
          })
  
          .state('app.page2', {
              url: "/page2",
              views: {
                  'menuContent' :{
                      templateUrl: "templates/page2.html"
                  }
              }
          })
  
          // etc...
  
         // if none of the above states are matched, use this as the fallback
         $urlRouterProvider.otherwise('/app/page1');
     });
  </code></pre>
  
  <p><strong>page1.html</strong> and <strong>page2.html</strong> both contain the following structure:</p>
  
  <pre><code>&lt;ion-view title="something"&gt;
     &lt;ion-content&gt;
         ... // here comes the html content of the page
     &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>What can I actually do to only show my side-menu (<strong>menu.html</strong>) on <strong>page1.html</strong> and not on <strong>page2.html</strong>?? Is there anything I'm missing??</p>
  
  <p>Is there a way of inserting the <strong>menu.html</strong> content only on those pages I want it to appear and forgetting about creating the state that uses it as <code>templateUrl</code>?</p>