How to add side-menu on non side menu startup project?


#1

hey guys!
Im started on project using ionic blank and now I really want add side-menu on my project.
Do you guys, have on easy way to do this?

thanks!


#2

// Routes could look like this

.state('app', {
    url: "/app",
    abstract: true, // Here must be abstract
    templateUrl: "templates/menu.html",
    controller: 'MenuCtrl'
})

  .state('app.file', {
      url: "/file",
      views: {
          'menuContent': { //Here - menuContent is used
              templateUrl: "file_name.html", 
              controller: 'SomeAwesomeController'
          }
      }
  });

 $urlRouterProvider.otherwise('/app/file');  

// Main Menu View

<ion-side-menus>
<ion-nav-bar class="bar-stable main-top-bar">
</ion-nav-bar>

<ion-side-menu-content>
<ion-nav-view name="menuContent">
<!-- Views gets injected here -->
</ion-nav-view>
</ion-side-menu-content>

<ion-side-menu side="left">
<ion-header-bar class="bar-clear">
  <!-- menu title -->
</ion-header-bar>
<ion-content>
  <ion-list>
    <ion-item nav-clear menu-close  href="#/link">
      <!-- item name-->
    </ion-item>
  </ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>

#3

In my case i need menu to just show some info about app… no have option to navigate.
I have to do the same thing in the app.js?