Use nav.push with side menu in ionic 2

by

EDIT:

What about using persistent="true" in your ion-menu item? Like you can see in Ionic2 docs:

Persistent Menus Persistent menus display the MenuToggle button in the
NavBar on all pages in the navigation stack. To make a menu persistent
set persistent to true on the element. Note that this will
only affect the MenuToggle button in the NavBar attached to the Menu
with persistent set to true, any other MenuToggle buttons will not be
affected.

So your app.html woul be:

<ion-menu [content]="content" persistent="true">

  <ion-toolbar>
    <ion-title>Pages</ion-title>
  </ion-toolbar>

  <ion-content>
    <ion-list>
      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
        {{p.title}}
      </button>
      <button menuClose ion-item (click)="logout()">Logout</button>
    </ion-list>
  </ion-content>

</ion-menu>

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

More Related Contents:

  1. Ionic 2 – global NavBar for the app
  2. Ionic 2 Form goes up when keyboard shows
  3. Ionic – Horizontal scroll tab for Categories [duplicate]
  4. Page is part of the declarations of 2 modules: Error in ionic build prod
  5. Angular 2 + Ionic 2: Detect if an object was modified
  6. Ionic2/Angular2 – Read a custom config file
  7. How to use angular 2 service with Ionic 2?
  8. Getting “Uncaught (in promise): TypeError: Object(…) is not a function” Error from Ionic-native VideoEditor Plugin
  9. Cannot read property of ‘xxx’ of undefined
  10. Call a function every 10 seconds Angular2
  11. using external JS libraries in my angular 2 project
  12. Property ‘files’ does not exist on type ‘EventTarget’ error in typescript
  13. No provider for AngularFireDatabase, AngularFireAuth
  14. How to display the app version in Angular?
  15. access SASS values ($colors from variables.scss) in Typescript (Angular2 ionic2)
  16. Http.get() working but not working in build(Release/Debug) in Ionic 4
  17. Function DocumentReference.set() called with invalid data. Unsupported field value: a custom Budget object
  18. Merging http observables using forkjoin
  19. How to delete a field in a Firestore Document?
  20. Cannot read property ‘native-element’ of undefined
  21. Can I get today’s date plus one month in moment js? [duplicate]
  22. No provider for HttpClient
  23. How do I detect user navigating back in Angular2?
  24. How to call component method from service? (angular2)
  25. Angular2 – Setting date field on reactive form
  26. Angular 2: How to use JavaScript Date Object with NgModel two way binding
  27. want to show more data in another component when view in detail button is clicked (angular 6)
  28. How to throw error from RxJS map operator (angular)
  29. Angular 2 disable sanitize
  30. Can I use Angular i18n to translate string literals in typescript code

Leave a Comment