Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ionic navbar dropdown-menu

I'd like to have an icon (three-bars) on the right-side in the navbar.

Something like this:

enter image description here

I used to have it, I found the code somewhere on the internet, but I lost my code and I couldn't find again the URL from which I learned the technique.

Please help me recover the technique.

Thanks!

like image 630
Cokorda Raka Avatar asked Nov 10 '15 22:11

Cokorda Raka


1 Answers

If I get correct, you want to use side menu.

enter image description here

<ion-side-menus>
  <!-- Left menu -->
  <ion-side-menu side="left">
  </ion-side-menu>
  <ion-side-menu-content>
  <!-- Main content, usually <ion-nav-view> -->
  </ion-side-menu-content>
  <!-- Right menu -->
  <ion-side-menu side="right">
  </ion-side-menu>
</ion-side-menus>

function ContentController($scope, $ionicSideMenuDelegate) {
  $scope.toggleLeft = function() {
    $ionicSideMenuDelegate.toggleLeft();
  };
}

Check out detailed example by link that I provided above.

like image 141
RredCat Avatar answered Nov 11 '22 19:11

RredCat